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

编程学习 2021-07-04 20:00www.dzhlxh.cn编程入门
BootStrap下拉框在firefox浏览器界面很不友好,在firefix浏览器打开链接就会发现里面有个小容器,怎么处理呢,狼蚁网站SEO优化看下长沙网络推广给大家分享的有关这个问题的处理方案


以上这个链接在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,界面也不友好;不知道怎么解决这个小容器的问题,还需要再摸索中,有好的见解欢迎提出,谢谢!

Copyright © 2016-2025 www.dzhlxh.cn 金源码 版权所有 Power by

网站模板下载|网络推广|微博营销|seo优化|视频营销|网络营销|微信营销|网站建设|织梦模板|小程序模板