選択ウィンドウの色を変更する最も簡単な方法html

私のサイトのユーザーが選択ボックスをクリックすると、選択オプションを持つウィンドウの色はボディの色と一致しますが、この色を変更したいと思います。たとえば、CSSでこのコードはのみ入力ボックスではなく、ドロップダウンのオプションを示して小さい「窓」に影響：選択ウィンドウの色を変更する最も簡単な方法html

select { 
background-color: aliceblue; 
}

は、このための迅速な回避策はありますか私はjqueryのか、いくつかをカスタマイズする必要があります他のUI。

出典

2016-08-10 IntegrateThis

あなたはスクリーンショットは、あなたが本当に何を意味するかを説明し提出してもらえますか？ – SaidbakR

ドロップダウンリストの矢印を意味する場合は、cssを使用して変更することはできません。ブラウザやOS関連の機能です。 – SaidbakR

' 'を置き換えるJSソリューションに頼らざるを得ません。完全に。 –

あなたがoption要素に適用した場合、「selectタグ・ウィンドウ」のbackground-colorのスタイルを設定することができます

select option { 
 
    background-color: blue; 
 
    color: white; 
 
}

<select> 
 
    <option value="1">One</option> 
 
    <option value="2">Two</option> 
 
    <option value="3">Three</option> 
 
</select>

明らかにこのソリューションはunfotunatelyすべてのブラウザで動作していません。..

出典

2016-08-10 16:11:15 andreas

このコードは色をaliceblueに変更していないようですが、Chromeのデフォルト値は青のままです – IntegrateThis

それはちょうど非常に薄い青色です...暗い青色に変更しました – andreas

私が正しく理解している場合は、<option>要素の背景色を変更する必要があります。ここではありませんいくつかのサンプルコードがあること：

HTML：

<select name="" id=""> 
    <option value="">First</option> 
    <option value="">Second</option> 
    <option value="">Third</option> 
</select>

CSS：

select, option { 
    background-color: red; 
}

https://jsfiddle.net/4h99eznb/

出典

2016-08-10 16:11:53 TW80000

私の理解（そして確かに、その言語は不明です）は、ユーザが実際のドロップダウンメニューに色付けしたいということです。これはCSSが直接制御できないものです。 –

この例では、ドロップダウンメニューの色が細かい@RobertC – Lee

SafariとChromeでは、赤は「

選択ウィンドウの色を変更する最も簡単な方法html

答えて