最近项目中遇到了自定义下拉框的默认样式在谷歌，火狐，IE上显示不同的问题。 左侧图片就是重写的样式，下拉框的右侧三角是选用的bootstrap里面的图片，通过绝对定位放过去的。 css: html: ...

项目开发时，对于不同浏览器下的select样式不统一问题，各种查，这里记录一下，项目已使用 IE浏览器下样式： 火狐浏览器下样式： 谷歌浏览器下样式： 上代码： 1、html 2、css 至此，大功告成！ ...

总结：用外部的DIV来实现高度 边框的兼容，缺点用到大量的hack，作为最后没有办法的选择 ...

问题出现场景1： 在firefox浏览器中在bootstrap弹出的modal静态框中再次弹出一个静态框时 select下拉框不能弹出选项 解决方案：去掉最外层静态框的 tabindex="-1" role="dialog"属性 问题出现场景2：在火狐中使用模态框加载日期控件时选择时间 ...

去除select下拉框默认样式 ...

最近在做地图遇到一个很有意思的事情，就是select下拉框的样式改变 /*第一种，改变下拉框样式*/ select { /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/ border: solid 1px #000; /*很关键：将默认的select选择框样式清除 ...

select原样式： 进行样式修改后的样式： 附上修改代码： //select外面必须包裹一个div,用来覆盖select原有的样式<div class="option"> <select name=""> ...

...