我想让第二个选择框的箭头变得与第一个相同。但我不知道它们为什么不一样,因为我没有设计箭头的样式。
![此处输入图片描述][1]
在大多数情况下,浏览器和操作系统决定了选择框的样式,仅靠 CSS 几乎不可能改变它们。你必须研究替代方法。主要的窍门是应用 appearance: none
,这样就可以覆盖部分样式。
我最喜欢这种方法:
http://cssdeck.com/item/265/styling-select-box-with-css3
它并没有取代操作系统的选择菜单 UI 元素,因此与之相关的所有问题都不存在(最主要的问题是无法跳出长列表的浏览器窗口)。
祝你好运)