私はHTMLのコアコンポーネントの1つ、select
で作業しています。 これで、ドロップダウンの動作を変更したいと思います。ドロップダウンのデフォルトの動作をオーバーライドする方法はあり選択リストの提案を上書きする方法
ドロップダウンの高さ、スクロールsytleなどを意味ですか?
おかげ
私はHTMLのコアコンポーネントの1つ、select
で作業しています。 これで、ドロップダウンの動作を変更したいと思います。ドロップダウンのデフォルトの動作をオーバーライドする方法はあり選択リストの提案を上書きする方法
ドロップダウンの高さ、スクロールsytleなどを意味ですか?
おかげ
次の例のように、select
とoption
スタイルを上書きすることができます
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
要素でこれを行う方法がないようです。
申し訳ありませんが、これは私が探している解決策ではありません。私はスクロールバー、ドロップダウンコンテナの高さなどのCSSをオーバーライドしたい。 –
@StillLearning、私は答えを更新しました。デフォルトのHTMLの 'select'要素でそれを行う方法がないようです。 –
[Styling Selectドロップダウンボックス](https://stackoverflow.com/questions/17516559/styling-select-drop-down-box)の複製があります – Duannx
私はこの例では何も持っていないと思いますスクロールスタイル、ドロップダウンの高さを制御します。それ以外のことはできますか? –
CSSはすべてのブラウザのスクロールバーのスタイルを設定できません。サポートが不安定で、クロスブラウザのサポートに外部JS/jQueryライブラリを使用することを検討してください。 –