0

ドロップダウンリスト内の矢印ボタンを非表示または削除する方法はありますか？

4

1 に答える 1

3

はい、少なくとも Webkit では: http://jsfiddle.net/zzTjy/1/。

HTML

<select>
    <option>123</option>
</select>

CSS

SELECT { -webkit-appearance: none; }

Mozilla が をサポートしていることは注目に値します-moz-appearanceが、ドロップダウン リストの矢印は非表示になりません。これはかなり長い間未解決の問題でした。

Mozilla は次のようにも述べています。

このプロパティは Web サイトでは使用しないでください。標準ではないだけでなく、ブラウザによって動作が異なります。

これは少し厳しいかもしれませんappearanceが、要素の予想される動作を変更するために使用するべきではありません。

参考文献

于 2013-01-21T08:16:33.700 に答える