2013-02-20 86 views
0

我使用的CSS如下,当我尝试获取边框颜色的值时,它返回空值/空值?CSS无法检索元素的属性

CSS

INPUT { 
    FONT: 100% verdana, Geneva, Arial, Helvetica, sans-serif; 
    COLOR: #000000; 
    BACKGROUND-COLOR:#FFECEC; 
    BORDER-COLOR:#993333; 
    BORDER-STYLE:solid; 
    BORDER-WIDTH:1px; 
} 

$(window).load(function() { 
    alert($('#Bclose').css('background-color')); 
}); 
+3

请分享你的HTML代码。 – pktangyue 2013-02-20 03:56:21

+5

用$(document).ready()'回调对我来说工作得很好:http://jsfiddle.net/JdkTP/ – Blender 2013-02-20 03:57:03

+1

没错,当你用调试器跟踪代码时会发生什么? – enhzflep 2013-02-20 03:57:50

回答

0

你可以申请一个类名的输入作为一种替代方法...

CSS

.inputStyle{background-color:#afa;} 

HTML

<input class="inputStyle" type="text" value="hello" /> 

JS

$(document).ready(function(){ 

alert($('.inputStyle').css('background-color')); 

}); 

检查它在行动:http://jsfiddle.net/RkWLG/

仅使用输入选择器也适用,http://jsfiddle.net/RkWLG/1/

0

试试这个;

input { 
    font: 100% verdana, Geneva, Arial, Helvetica, sans-serif; 
    color: #000000; 
    background-color:#FFECEC; 
    border-color:#993333; 
    border-style:solid; 
    border-width:1px; 
} 

$('#clickme').click(function() { 
    var bgcolor = $('#Bclose').css('background-color'); 
alert(bgcolor); 
}); 

<input type="text" id="Bclose"> 
    <a id="clickme">click</a> 

这会在您点击文字时返回颜色。也可以设置没有点击功能。只需使用

var bgcolor = $('#Bclose').css('background-color'); alert(bgcolor); 

这里是一个live working Demo

注:应尽量用document.ready.function使用