☰

ドロップダウンリスト（選択要素）からデフォルトの矢印アイコンを削除するにはどうすればいいですか？ 質問する

tag-icon • tag-icon html css drop-down-menu html-select
ドロップダウンリスト（選択要素）からデフォルトの矢印アイコンを削除するにはどうすればいいですか？ 質問する

HTML 要素からドロップダウン矢印を削除したいです<select>。例:

<select style="width:30px;-webkit-appearance: none;">
    <option>2000</option>
    <option>2001</option>
    <option>2002</option>
    ...
</select>

Opera、Firefox、Internet Explorer ではどのように行うのでしょうか?

ここに画像の説明を入力してください

ベストアンサー1

ハックやオーバーフローは必要ありません。IE のドロップダウン矢印には疑似要素があります。

select::-ms-expand {
    display: none;
}

おすすめ記事