html - 選択ボックスの背景を削除するにはどうすればよいですか

Question

選択ボックスの背景を削除する必要があります。このようなコードを使用しました

<select style="background:none;border:none">
<option>A</option>
<option>B</option>
<option>C</option>
<option>D</option>
</select>

しかし、出力矢印が表示されました。その矢印を非表示にするにはどうすればよいですか。

Answer 1

追加-webkit-appearance:none

<select style="background:none;border:none; -webkit-appearance:none">

またはdivを追加して最大幅を指定します。

<div style="width:80px; overflow:hidden">
<select style="background:none;border:none; width:97px">
<option>A</option>
<option>B</option>
<option>C</option>
<option>D</option>
</select>
</div>

更新されたデモ

Answer 2

選択幅を 100% 以上にし、overflow:hidden を適用する

select {
    overflow:hidden;
    width: 120%;
}

このリンクを参照してください。2番目の答えは、あなたが求めているもののようです!

Firefox で select 要素から矢印を削除する方法