html - 删除下拉列表中的按钮

Question

有没有办法隐藏或删除下拉列表中的箭头按钮？

score 3 · Accepted Answer

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

HTML

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

CSS

SELECT { -webkit-appearance: none; }

值得注意的是，Mozilla 支持-moz-appearance，但它并没有隐藏下拉列表中的箭头。这在相当长的一段时间内一直是一个悬而未决的问题。

Mozilla 还指出：

不要在 Web 站点上使用此属性：它不仅是非标准的，而且它的行为会从一种浏览器更改为另一种浏览器。

这可能有点苛刻，但您当然不应该使用它appearance来更改元素的预期行为。

延伸阅读

1 回答 1