0

Countryデフォルトのタイトルが灰色の選択ドロップダウンがあります。
ただし、灰色はフィールドをクリックしたときにのみ表示されます。
他のフィールドと一致するように、デフォルトの表示フィールドを灰色にするにはどうすればよいですか？ ここに画像の説明を入力してください 

.form_0{color:#777;}

<select value='country' id='country' name='Country'>
    <option class='country' disabled='disabled' selected='selected' class='form_0'>Country</option>
    <option class='country'>Brazil</option>
    <option class='country'>China</option>
    <option class='country'>India</option>
    <option class='country'>Spain</option>
    <option class='country'>USA</option>
    <option class='country'>Japan</option>
    <option class='country'>Russia</option>
</select>

ここに画像の説明を入力してください

4

2 に答える 2

2

このjsFiddleを確認してください

HTML 

<select value='country' id='country' name='Country' style='color:#777'>
 <option  disabled='disabled' selected='selected' class='form_0'>Country</option>
   <option class='country'>Brazil</option>
   <option class='country'>China</option>
   <option class='country'>India</option>
   <option class='country'>Spain</option>
   <option class='country'>USA</option>
   <option class='country'>Japan</option>
   <option class='country'>Russia</option>
</select>​

css 

.form_0{color:#777;}
.country{color:black}

</ p>

jquery

$('#country').change(function(){
    $(this).css('color','black') ;
 });

</ p>

于 2012-11-07T02:41:16.623 に答える
1

このような何か多分：

$("#country").on('change', function() {
    $(this).toggleClass("empty", this.value == "0");
}).change();​

選択範囲に値を追加し、少し変更する必要があります。

<select id='country' name='Country'>
    <option value="0" class='country' selected='selected'>Country</option>
    <option value="1" class='country'>Brazil</option>
    <option value="2" class='country'>China</option>
    <option value="3" class='country'>India</option>
    <option value="4" class='country'>Spain</option>
    <option value="5" class='country'>USA</option>
    <option value="6" class='country'>Japan</option>
    <option value="7" class='country'>Russia</option>
</select>​

補足として、クラスを2回定義することはできません。2つのクラスを定義しますが、次のようにします。

<option class='country form_0'></option>

スペースで区切られた同じデクレレーションでは、2つのクラスデクレレーションは機能しません。

デモンストレーション

于 2012-11-07T02:36:04.123 に答える