How to style select crossbrowser

 

This question already has an answer here:

  • How to style a <select> dropdown with CSS only without JavaScript? 24 answers

    • Another option is not using select s. You can build a dropdown, as ibm does:

    http://www.ibm.com/design/language/resources/animation-library/ios-drop-down

    Use a ul instead. And go cross-browser all the way.

    But usually, when I have to do this, I wrap it in a div and I add a pseudo-element to that parent hiding the carrot. Make sure you give a height (not line-height ) to the select element. And then you control the height of the pseudo-element.

    链接地址: http://www.djcxy.com/p/41600.html

    上一篇: 如何样式选择选项

    下一篇: 如何样式选择交叉浏览器