如何仅在选择控件上显示箭头

Question

无论如何只显示html选择控件的箭头 我找到了下面的例子，但它对IE不起作用......

<select style="width:18px">
<option value="10000">Something</option>
<option value="100">Other thing</option>
<option value="1">The last option</option>
</select>

http://jsfiddle.net/Fs7G5/

Answer 1

您可以检测用户是否正在使用Internet Explorer，然后相应地更改test this please 元素宽度。如果要最小化显示在下拉列表左侧的空白区域，您还可以将元素的select设置设置为负值。

margin-left

http://jsfiddle.net/Fs7G5/28/

Answer 2

如果你希望箭头的尺寸更大，那么c.bavota使用CSS就是workaround。