手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >BootStrap下拉框在firefox浏览器界面不友好的解决方案
BootStrap下拉框在firefox浏览器界面不友好的解决方案
摘要:http://output.jsbin.com/titaki以上这个链接在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,界面也不友好;不知道怎么解决这个小容器的问题,还需要再摸索中,有好的见解欢迎提出,谢谢!

【BootStrap下拉框在firefox浏览器界面不友好的解决方案】相关文章:

Javascript技术栈中的四种依赖注入小结

jQuery的Scrollify插件实现滑动到页面下一节点

js光标定位文本框回车表单提交问题的解决方法

png在IE6 下无法透明的解决方法汇总

jquery插件splitScren实现页面分屏切换模板特效

javascript实现在网页任意处点左键弹出隐藏菜单的方法

jQuery fancybox在ie浏览器下无法显示关闭按钮的解决办法

js禁止页面刷新与后退的方法

jQuery Timelinr实现垂直水平时间轴插件(附源码下载)

如何实现浏览器上的右键菜单

精品推荐
分类导航