Question

我使用的CSS如下所示，当我尝试获取边框颜色的值时，它会返回null /空白值？

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

这是 live working Demo

注意：请务必使用document.ready.function

CSS无法检索元素的属性

2 个答案: