html - 如何从下拉列表(选择元素)中删除默认箭头图标？

Question

我想从 HTML <select> 中删除下拉箭头元素。例如:

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

在 Opera、Firefox 和 Internet Explorer 中如何操作？

Answer 1

无需破解或溢出。 IE上的下拉箭头有一个伪元素:

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