以上这个链接在firefix浏览器打开就会发现里面有个小容器,而且下拉按钮样式很不友好
上谷歌查了一下
1.小容器可以利用select:padding:0
2.下拉图标可以利用background-image;-moz-appearance:none把下拉框的样式去掉,然后
rush:js;">
@-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,界面也不友好;不知道怎么解决这个小容器的问题,还需要再摸索中,有好的见解欢迎提出,谢谢!
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。