jquery制作属于自己的select自定义样式(jquery可以实现哪些效果)

推荐整理分享jquery制作属于自己的select自定义样式(jquery可以实现哪些效果)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:jquery有自定义选择器吗,jquery实现,jquery自定义,jquery有自定义选择器吗,jquery用什么编写,jquery自定义,jquery的自定义方法有哪些,jquery的自定义方法有哪些,内容如对您有帮助，希望把文章链接给更多的朋友！

由于原生select在各个浏览器的样式不统一，特别是在IE下直接不可以使用样式控制，当PM让你做一个样式的时候，那是相当的痛苦。最好的办法就是使用自定义样式仿select效果。这里写了一个jquery插件，实现自定义的select（阉割了不少原生select的事件，但是最主要的都还在）需要引用的样式：

js源码：

使用效果图：

第二个是之前省市联动的插件生成之后，调用自定义select生成的

自定义sleect优点：

开发中遇到的问题：1.线性渐变 IE下使用filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#eeeeee);解决线性渐变问题，详解请参考下面的资料。2.IE6 A 标签hover问题 IE6不设置href属性，不会触发:hover样式3.IE 块级元素display：inline-block4.z-index层级问题 改变处于active状态的自定select的z-index5.css实现下三角，IE下透明问题 设置透明部分的style值为dashed即可。 border-style:solid dashed dashed dashed; 如果觉得有用，可以推荐给朋友哦，小编愿意和大家共同进步。