刪除下拉列表中的按鈕

有沒有辦法隱藏或刪除下拉列表中的箭頭按鈕？刪除下拉列表中的按鈕

沒有，你爲什麼需要它？ –

是的，至少在webkit：http://jsfiddle.net/zzTjy/1/。

HTML

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

CSS

SELECT { -webkit-appearance: none; }

值得一提的是Mozilla的支持-moz-appearance，但它並不隱藏在下拉列表中的箭頭。這在很長一段時間內一直是一個懸而未決的問題。

Mozilla還指出：

不要在網站上使用這個屬性：它不僅是非標準，而是從一個瀏覽器到另一個的行爲改變。

這可能有點惡劣，但是您當然不應該使用appearance來更改元素的預期行爲。

進一步閱讀

來源

2013-01-21 08:16:33

它不適用於Internet Explorer。它只適用於Chrome – user1292656

這就是爲什麼我說，「在webkit」。 Webkit是支持Chrome和Safari的引擎，而不是IE。這是一種非標準的方法;唯一的選擇是使用不是'select'的自定義下拉列表。 –

回答