杰晶网络

BootStrap下拉框在firefox浏览器界面不友好的解决方案
网络编程 2024/11/15 佚名
3 2

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,下拉框
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
www.imxmx.com 杰晶网络
8,675无损音乐
1,324高清电影
213破解软件
120,141站长资源

更新动态

友情链接

杰晶网络 DDR爱好者之家 南强小屋 黑松山资源网 白云城资源网