1. ホーム
  2. html

[解決済み] ドロップダウンリスト(select要素)からデフォルトの矢印アイコンを削除する方法は?

2022-03-16 05:54:45

質問

HTMLのドロップダウン矢印を消したい <select> 要素を使用します。例えば

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

Opera、Firefox、Internet Explorerで行うには?

解決方法は?

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

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