BootStrap下拉框在firefox浏览器界面不友好的解决方案
摘要：http://output.jsbin.com/titaki以上这个链接在firefix浏览器打开就会发现里面有个小容器，而且下拉按钮样式很...
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，界面也不友好；不知道怎么解决这个小容器的问题，还需要再摸索中，有好的见解欢迎提出，谢谢！
【BootStrap下拉框在firefox浏览器界面不友好的解决方案】相关文章：
★ jQuery fancybox在ie浏览器下无法显示关闭按钮的解决办法
★ jQuery Timelinr实现垂直水平时间轴插件(附源码下载)
★ jquery插件splitScren实现页面分屏切换模板特效
★ Jquery跨浏览器文本复制插件Zero Clipboard的使用方法
上一篇：
js获取form表单所有数据的简单方法
下一篇：
AngularJS 整理一些优化的小技巧