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 相关文章推荐
img的onload的另类用法
Jan 10 Javascript
JavaScript 闭包深入理解(closure)
May 27 Javascript
基于jquery的下拉框改变动态添加和删除表格实现代码
Sep 12 Javascript
分享Javascript实用方法二
Dec 13 Javascript
javascript实现保留两位小数的多种方法
Dec 18 Javascript
简单的JS时钟实例讲解
Jan 13 Javascript
百度地图给map添加右键菜单(判断是否为marker)
Mar 04 Javascript
JS中的二叉树遍历详解
Mar 18 Javascript
javascript实现获取图片大小及图片等比缩放的方法
Nov 24 Javascript
基于纯JS实现多张图片的懒加载Lazy过程解析
Oct 14 Javascript
详解Vue.js 作用域、slot用法(单个slot、具名slot)
Oct 15 Javascript
JS实现4位随机验证码
Oct 19 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 strncasecmp字符串比较的小技巧
2011/01/04 PHP
javascript 日历提醒系统( 兼容所有浏览器 )
2009/04/07 Javascript
js 巧妙去除数组中的重复项
2010/01/25 Javascript
js 未结束的字符串常量错误解决方法
2010/06/13 Javascript
仿新浪微博返回顶部的jquery实现代码
2012/10/01 Javascript
js自定义方法通过隐藏iframe实现文件下载
2013/02/21 Javascript
javascript中使用正则计算中文长度的例子
2014/04/29 Javascript
实例解析angularjs的filter过滤器
2016/12/14 Javascript
JavaScript获取URL参数的方法之一
2017/03/24 Javascript
vue-cli如何快速构建vue项目
2017/04/26 Javascript
bootstrap栅格系统示例代码分享
2017/05/22 Javascript
Angular.js前台传list数组由后台spring MVC接收数组示例代码
2017/07/31 Javascript
浅谈Emergence.js 检测元素可见性的 js 插件
2017/11/18 Javascript
vue实现双向绑定和依赖收集遇到的坑
2018/11/29 Javascript
微信小程序解除10个请求并发限制
2018/12/18 Javascript
微信小程序发送短信验证码完整实例
2019/01/07 Javascript
微信小程序中weui用法解析
2019/10/21 Javascript
vue项目中js-cookie的使用存储token操作
2020/11/13 Javascript
Python中的ctime()方法使用教程
2015/05/22 Python
django rest framework 数据的查找、过滤、排序的示例
2018/06/25 Python
django_orm查询性能优化方法
2018/08/20 Python
python模糊图片过滤的方法
2018/12/14 Python
在python中利用最小二乘拟合二次抛物线函数的方法
2018/12/29 Python
python3 webp转gif格式的实现示例
2019/12/10 Python
python画图常规设置方式
2020/03/05 Python
django模型动态修改参数,增加 filter 字段的方式
2020/03/16 Python
Pyinstaller 打包发布经验总结
2020/06/02 Python
python爬虫scrapy基本使用超详细教程
2021/02/20 Python
纯CSS实现右侧底部悬浮效果(悬浮QQ、微信、微博、邮箱等联系方式)
2015/04/24 HTML / CSS
html5 web本地存储将取代我们的cookie
2012/12/26 HTML / CSS
NYX Professional Makeup官方网站:专业彩妆和美容产品
2019/10/29 全球购物
Wiggle新西兰:自行车、跑步、游泳
2020/05/06 全球购物
护士年终个人总结
2015/02/13 职场文书
小学班主任工作总结2015
2015/04/07 职场文书
心得体会该怎么写呢?
2019/06/27 职场文书
解决ubuntu安装软件时,status-code=409报错的问题
2022/12/24 Servers