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


Posted in Javascript onAugust 18, 2016

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 相关文章推荐
原生JavaScript生成GUID的实现示例
Sep 05 Javascript
基于Javascript实现弹出页面效果
Jan 01 Javascript
学习JavaScript设计模式之模板方法模式
Jan 20 Javascript
AngularJS基础 ng-keypress 指令简单示例
Aug 02 Javascript
Javascript中document.referrer隐藏来源的方法
Jan 16 Javascript
详解vue中引入stylus及报错解决方法
Sep 22 Javascript
JavaScript如何获取到导航条中HTTP信息
Oct 10 Javascript
使用JS代码实现俄罗斯方块游戏
Aug 03 Javascript
vue路由导航守卫和请求拦截以及基于node的token认证的方法
Apr 07 Javascript
react组件基本用法示例小结
Apr 27 Javascript
小程序实现上传视频功能
Aug 18 Javascript
JavaScript文档对象模型DOM
Nov 20 Javascript
js获取form表单所有数据的简单方法
Aug 18 #Javascript
Javascript中浏览器窗口的基本操作总结
Aug 18 #Javascript
浅谈jQuery中hide和fadeOut的区别 show和fadeIn的区别
Aug 18 #Javascript
Laydate时间组件在火狐浏览器下有多时间输入框时只能给第一个输入框赋值的解决方法
Aug 18 #Javascript
jQuery fadeOut 异步实例代码详解
Aug 18 #Javascript
AngularJS 工作原理详解
Aug 18 #Javascript
js H5 canvas投篮小游戏
Aug 18 #Javascript
You might like
PHP+APACHE实现用户论证的方法
2006/10/09 PHP
php数组比较实现查找连续数的方法
2015/07/29 PHP
遍历echsop的region表形成缓存的程序实例代码
2016/11/01 PHP
php探针使用原理和技巧讲解
2019/09/17 PHP
javascript小数计算出现近似值的解决办法
2010/02/06 Javascript
Jquery CheckBox全选方法代码附js checkbox全选反选代码
2010/06/09 Javascript
小白谈谈对JS原型链的理解
2016/05/03 Javascript
Bootstrap开发实战之响应式轮播图
2016/06/02 Javascript
js编写一个简单的产品放大效果代码
2016/06/27 Javascript
JavaScript 是什么意思
2016/09/22 Javascript
Bootstrap 手风琴菜单的实现代码
2017/01/20 Javascript
JavaScript之json_动力节点Java学院整理
2017/06/29 Javascript
JavaScript正则表达式校验与递归函数实际应用实例解析
2017/08/04 Javascript
详解从Vue.js源码看异步更新DOM策略及nextTick
2017/10/11 Javascript
在Vue中使用Compass的方法
2018/03/02 Javascript
JS实现可针对算术表达式求值的计算器功能示例
2018/09/04 Javascript
微信小程序使用map组件实现解析经纬度功能示例
2019/01/22 Javascript
Layui表格行工具事件与数据回填方法
2019/09/13 Javascript
javascript实现弹幕墙效果
2019/11/28 Javascript
JavaScript实现手机号码 3-4-4格式并控制新增和删除时光标的位置
2020/06/02 Javascript
在Python中使用HTML模版的教程
2015/04/29 Python
Python爬虫包 BeautifulSoup  递归抓取实例详解
2017/01/28 Python
对Tensorflow中Device实例的生成和管理详解
2020/02/04 Python
python打开音乐文件的实例方法
2020/07/21 Python
calendar在python3时间中常用函数举例详解
2020/11/18 Python
应届行政管理专业个人自我评价
2013/12/28 职场文书
保卫科工作岗位职责
2014/03/01 职场文书
银行青年文明号事迹材料
2014/05/31 职场文书
国际经济贸易专业自荐信
2014/06/13 职场文书
门卫岗位职责说明书
2014/08/18 职场文书
2015年政教主任工作总结
2015/07/23 职场文书
2016年小学中秋节活动总结
2016/04/05 职场文书
使用 Apache Dubbo 实现远程通信(微服务架构)
2022/02/12 Servers
Go获取两个时区的时间差
2022/04/20 Golang
spring 项目实现限流方法示例
2022/07/15 Java/Android
MySQL池化框架学习接池自定义
2022/07/23 MySQL