BootStrap下拉框在firefox浏览器界面不友好的解决方案
2016-08-18 11:21
781 查看
http://output.jsbin.com/titaki
以上这个链接在firefix浏览器打开就会发现里面有个小容器,而且下拉按钮样式很不友好
上谷歌查了一下
1.小容器可以利用select:padding:0
2.下拉图标可以利用background-image;-moz-appearance:none把下拉框的样式去掉,然后
@-moz-document url-prefix() { select.form-control { -moz-appearance: none; appearance: none; background-image: url("../image/buy-other-down.png"); background-repeat: no-repeat; background-position: calc(100% - 7px) 50%; background-size: 15% auto; border-radius:3px; padding:0; } }
ps:那个小容器是可以用padding:0去掉 但是这样的话select就没有padding-left,界面也不友好;不知道怎么解决这个小容器的问题,还需要再摸索中,有好的见解欢迎提出,谢谢!
您可能感兴趣的文章:
相关文章推荐
- JavaScript 日期时间控件,兼容所有浏览器,界面友好,支持多格式,支持多种触发,改进版
- 图像化界面 显示firefox浏览器
- 浏览器基于安全保护不准加载本地图片的解决方案 --- 针对Firefox浏览器
- IE、Firefox等浏览器不兼容原因及解决方案(1)
- firefox浏览器不能使用window.close的解决方案
- 谈谈对firefox浏览器友好
- 设置Firefox(火狐)浏览器的中文菜单/界面
- firefox浏览器不能使用window.close的解决方案
- bootstrap的下拉框在firefox界面不友好的处理
- Firefox and Chrome 浏览器打开 JavaScript 中的 alert 出现中文乱码解决方案 Ubuntu环境
- firefox(火狐),chrome(谷歌)浏览器限制含端口地址的解决方案
- linux下firefox浏览器的flash版本过低解决方案
- CSS对IE7,IE6,FireFox和其它不同浏览器的控制——CSS设计中的HACK,CSS解决方案
- 跨浏览器的本地存储解决方案
- textarea 在 Chrome Safari FireFox 浏览器中禁用拖动和固定大小
- 兼容多浏览器实现半透明(Opera ie firefox)
- JS在firefox和IE下差异及解决方案
- 关于IE等浏览器在下载JAR文件时的,将后缀更改为zip等问题及解决方案
- 鼠标滚轮事件(兼容IE、FireFox、Chrome等浏览器)
- firefox,ie,chrome禁止浏览器缓存