2017-09-23 7 views
1

私はHTMLのコアコンポーネントの1つ、selectで作業しています。 これで、ドロップダウンの動作を変更したいと思います。ドロップダウンのデフォルトの動作をオーバーライドする方法はあり選択リストの提案を上書きする方法

enter image description here

ドロップダウンの高さ、スクロールsytleなどを意味ですか?

おかげ

+0

[Styling Selectドロップダウンボックス](https://stackoverflow.com/questions/17516559/styling-select-drop-down-box)の複製があります – Duannx

+0

私はこの例では何も持っていないと思いますスクロールスタイル、ドロップダウンの高さを制御します。それ以外のことはできますか? –

+0

CSSはすべてのブラウザのスクロールバーのスタイルを設定できません。サポートが不安定で、クロスブラウザのサポートに外部JS/jQueryライブラリを使用することを検討してください。 –

答えて

0

次の例のように、selectoptionスタイルを上書きすることができます

select { 
 
    background-color: yellow; 
 
} 
 

 
option { 
 
    background-color: violet; 
 
}
<select> 
 
    <option>Option 1</option> 
 
    <option>Option 2</option> 
 
    <option>Option 3</option> 
 
    <option>Option 4</option> 
 
    <option>Option 5</option> 
 
</select>

は、「私は、スクロールバー、ドロップダウンコンテナの高さなどのCSSを上書きしたいです"。デフォルトのHTML select要素でこれを行う方法がないようです。

+0

申し訳ありませんが、これは私が探している解決策ではありません。私はスクロールバー、ドロップダウンコンテナの高さなどのCSSをオーバーライドしたい。 –

+0

@StillLearning、私は答えを更新しました。デフォルトのHTMLの 'select'要素でそれを行う方法がないようです。 –

関連する問題