重複の可能性:
選択ボックスのスタイルを設定することは可能ですか?
CSSでHTML選択フィールドのスタイルを変更できるかどうか知りたいのですが。矢印が内側にあるボタンを透明にしたいのですが、矢印はそのままにしておくので、基本的には矢印のボタンの見た目を削除します。
重複の可能性:
選択ボックスのスタイルを設定することは可能ですか?
CSSでHTML選択フィールドのスタイルを変更できるかどうか知りたいのですが。矢印が内側にあるボタンを透明にしたいのですが、矢印はそのままにしておくので、基本的には矢印のボタンの見た目を削除します。
これは、CSSだけでクロスブラウザを実現することはできません。
見栄えの良い選択フィールドを取得するには、javascriptを使用する必要があります。
これにはいくつかのライブラリがあります。
http://www.emblematiq.com/lab/niceforms/
あなたがそれをググるだけであなたがもっと見つけることができると私はかなり確信しています。
http://bavotasan.com/2011/style-select-box-using-only-css/
コメントも必ず読んでください。これはおそらく古い(古い)ブラウザでは機能しません。jqueryがより良い解決策です。