BootStrap下拉框在firefox浏览器界面不友好的解决方案
更新时间：2016年08月18日 11:21:55 作者：小码农雯
BootStrap下拉框在firefox浏览器界面很不友好，在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，界面也不友好；不知道怎么解决这个小容器的问题，还需要再摸索中，有好的见解欢迎提出，谢谢！
相关文章
微信小程序自定义navigationBar顶部导航栏适配所有机型（附完整案例）
这篇文章主要介绍了微信小程序自定义navigationBar顶部导航栏适配所有机型（附完整案例），文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-04-04
这篇文章主要为大家详细介绍了JavaScript面试的常考题,即如何判断两个数组的内容是否相等,文中的示例方法讲解详细,需要的小伙伴可以参考一下2023-10-10
js 下拉菜单实现代码，原理比较简单，需要的朋友可以参考下，具体的美化要靠自己。2010-05-05
本文主要介绍了Pixi.js实现可视化图形编辑器的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2023-03-03
这篇文章主要介绍了基于原生JS封装的Modal对话框插件的示例代码,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2020-09-09
js如何删除对象/数组中null、undefined、空对象及空数组实例代码
JS中数组是我们较为常用的一种数据结构,下面这篇文章主要给大家介绍了关于js如何删除对象/数组中null、undefined、空对象及空数组的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2022-09-09
分包指的是把一个完整的小程序项目，按照不同的需求划分为不同的子包，在构建时打包成不同的分包，用户在浏览时按需加载，这篇文章主要介绍了uni-app做微信小程序的分包处理,需要的朋友可以参考下2023-02-02
这篇文章主要为大家介绍了JavaScript中Promise的使用，本文先介绍 Promises 相关规范，然后再通过解读一个迷你的 Promises 以加深理解，感兴趣的小伙伴们可以参考一下2016-01-01
函数定义可以嵌套在其他函数中，常用作子函数。但不能出现在循环或条件语句中。2008-10-10
js+for循环实现字符串自动转义的代码(把后面的字符替换前面的字符)
这段代码是从网上看到的一段不错的代码，用for命令实现字符串的转移，而且使用的是for循环直接将后面的字符替换成前面的字符，这个逻辑以前没试过2020-12-12
最新评论