AutoCAD 3DMAX C语言 Pro/E UG JAVA编程 PHP编程 Maya动画 Matlab应用 Android
Photoshop Word Excel flash VB编程 VC编程 Coreldraw SolidWorks A Designer Unity3D
 首页 > JavaScript

BootStrap下拉框在firefox浏览器界面不友好的解决方案

51自学网 http://www.wanshiok.com
bootstrap,下拉框

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,下拉框  
上一篇:AngularJS 整理一些优化的小技巧  下一篇:js获取form表单所有数据的简单方法