0

jQuery でいくつかの色を使用selectしていますが、カーソルを移動すると青色の背景色が表示されます。背景色を「なし」にしたいと思います。

これが私のコードです： 

var oColor = {};
oColor['Red'] = '#FF0000';
oColor['Green'] = '#006400';
oColor['Blue'] = '#0000FF';                 
oColor['Sienna'] = '#A0522D';

$.each(oColor, function(colorName, color){
   $("#color").append("<option value='"+color+"'  style='height: 15px; background-color:"+color+"'></option>");
});  


$("#color").change(function(){
    $(this).css("background-color", $(this).val());
});  

<select class="color" id="color" name="color" style="padding:0px;">
    <option value="" >Select Color</option>
</select>
4

2 に答える 2

0

あなたの質問を正しく理解している場合、をクリックしてselect必要なオプションを選択すると、マウスオーバー時の各オプションの青い背景は変更できません。これは、要素の OS/ブラウザー固有の実装でありselect、CSS ではありません。オプションを選択すると、定義した CSS が適用されます。

選択した外観に一貫性を持たせたい場合は、jQuerydropdownプラグインの使用を検討してください。select

于 2013-01-24T08:17:18.557 に答える
0

選択したオプションにカーソルを合わせると、矢印のスタイルのようなブラウザ機能になります。jsで独自の種類の選択を作成しない限り、変更できません

于 2013-01-24T08:15:50.980 に答える