<select>元素上"向下箭头"的CSS?

bug*_*ixr 36 html css jquery

是否可以在下拉选择元素上设置向下箭头的样式?即,(<select><option>--></option></select>)

我怀疑答案是否定的,因为IE处理特定元素的方式.如果没有办法,有没有人知道使用javaScript的'假'下拉框会模仿这种行为,但是我能够自定义吗?

jab*_*ram 49

这里有一个很酷的CSS解决方案来设计下拉列表:http://bavotasan.com/2011/style-select-box-using-only-css/

基本上,将select包装在容器div中,将select的样式设置为比具有透明背景的容器宽18px,给溢出:隐藏到容器(切断浏览器生成的箭头),并添加风格化的背景图像箭头到容器.

在IE7(或6)中不起作用,但严重的是,我说如果你使用IE7,你应该得到一个不那么漂亮的下拉体验.


Jan*_*čič 12

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


Ty.*_*Ty. 5

不,向下箭头是浏览器元素.它在每个浏览器中内置[和不同].但是,您可以使用javascript将自定义下拉框替换为选择框.

Jan Hancic提到了一个jQuery插件来做到这一点.