HTMLの矢印ボタンを置き換えるには<select>要素

Question

ドロップダウンメニューの矢印イメージを別のものに置き換えるにはどうすればよいですか？

Answer 1

できません。これは、HTMLではなく、オペレーティングシステムによってレンダリングされます。

DIVを使用してHTML/CSS SELECT replacementを作成/使用する必要があります。

Answer 2

もう少し情報が集大成となるでしょう。私はちょうどあなたがHTMLのスタイルをしようとしていることを推測することができます<select> - ボックス？もしそうなら：本当にそのイメージを置き換えることはできません。

しかし、あなた自身でこれを置き換えることができます。jquery-uiを使用している場合は、thisが本当に素晴らしいようです。

Answer 3

DIVにSelectをラップし、クラスを与えます。 このDIVのクラスは、選択したサイズをカバーするための背景画像（矢印）と高さと幅を持つ必要があります。

次に、あなたのセレクトにクラスを追加してから、あなたのCSSでクラスを追加するには、ブラウザを幸せにするためにいくつかのことを行う必要があります。高さ、幅、詰め物、色、フォント、余白、枠線はすべてselectでは選択可能ですが、selectの背景を透明にし、-webkit-appearance：noneと-moz-appearance：noneを追加する必要があります矢印が表示されなくなりました。