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

2019-11-20 09:12:51

字体：大中小

来源：转载

供稿：网友

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，界面也不友好；不知道怎么解决这个小容器的问题，还需要再摸索中，有好的见解欢迎提出，谢谢！

上一篇：AngularJS 整理一些优化的小技巧

下一篇：js获取form表单所有数据的简单方法