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

Вот live working Demo

Примечание: Всегда старайтесь использовать с document.ready.function