jquery制作属于自己的select自定义样式

2020-05-27 18:08:16易采站长站整理

changeHandler && changeHandler(val);
});
}

initSelect();

return this;
};
}(jQuery));

使用效果图:

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

自定义sleect优点:

样式完全可控
兼容IE系列浏览器
使用方便,不影响默认的change事件处理

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

以上就是jquery制作select自定义样式的方法,希望大家喜欢。