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

网友投稿 220 2023-07-09


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

http://output.jsbin.com/titaki

以上这个链接在firefix浏览器打开就会发现里面有个小容器,而NMCkMXT且下拉按钮样式很不友好

上谷歌查了一下

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;

}

}

pNMCkMXTs:那个小容器是可以用padding:0去掉 但是这样的话select就没有padding-left,界面也不友好;不知道怎么解决这个小容器的问题,还需要再摸索中,有好的见解欢迎提出,谢谢!


版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:Mybatis添加Ehcache支持的方法
下一篇:浅谈Java之Map 按值排序 (Map sort by value)
相关文章

 发表评论

暂时没有评论,来抢沙发吧~