jquery - CSSが要素のプロパティを取得できません

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

ここにライブワーキングデモがあります

注: 常に document.ready.function で使用するようにしてください