jquery - CSS无法检索元素的属性

Question

我正在使用如下 CSS，当我尝试获取边框颜色的值时，它返回 null/blank 值？

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'));
});

Answer 1

您可以将类名应用于您的输入作为替代方法...

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/

Answer 2

尝试这个;

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);

这是一个现场工作演示

注意：始终尝试与 document.ready.function 一起使用