样式选择下拉列表而不会丢失箭头

时间:2014-03-11 18:59:59

标签: css google-chrome

我有以下html/CSS

除非我在镀铬中丢失了箭头,否则效果很好。我试过删除

-webkit-appearance: none;

从选择中我丢失了选项上的格式(最初显示的格式除外)。

更新

我认为上面的句子说明了这一点,但这是不可接受的

wrong

1 个答案:

答案 0 :(得分:1)

您想要optionselect一起设置样式。不幸的是,几乎所有浏览器都严格限制options的样式以保持一致性。他们的一个奇怪的疏忽,但它就是这样。以下是您的一些选择(双关语):

1:使用隐藏的input和javascript下拉菜单。可能使用ulli来复制selectoption

2:使用jQuery插件。有几个。

http://patrickkunka.github.io/easydropdown/

http://uniformjs.com/

http://jquery-plugins.net/tag/dropdown