选择框箭头样式

Question

我想让第二个选择框箭头与第一个相同.但我不知道他们为什么会有所不同,因为我没有设计箭头.

Answer 1

在大多数情况下,浏览器和操作系统会确定选择框的样式,而单独使用CSS几乎不可能改变它们.你必须研究替代方法.主要技巧是应用appearance: none,它允许您覆盖一些样式.

我最喜欢的方法是这个:

http://cssdeck.com/item/265/styling-select-box-with-css3

它不会取代操作系统选择菜单UI元素,因此与此相关的所有问题都是不存在的(无法突破浏览器窗口,其中长列表是主列表).

祝好运 :)

Answer 2

你可以使用jQuery selectbox替换.这是一个jQuery插件.

http://cssglobe.com/post/8802/custom-styling-of-the-select-elements

在 纯CSS http://bavotasan.com/2011/style-select-box-using-only-css/