可能的重复:
如何在 Firefox 中删除 标签中的箭头 https://stackoverflow.com/questions/5912791/how-to-remove-the-arrow-from-a-select-tag-in-firefox
该箭头仅在 Chrome 中消失。这是我正在使用的脚本:
<style type="text/css">
select {
font-family: 'Viga', sans-serif;
font-size:16px;
color:#168ACB;
padding: 5px 10px 5px 10px;
margin: 0px 5px 5px 5px;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #eaeaea inset;
-moz-box-shadow: 0 3px 0 #ccc, 0 -1px #eaeaea inset;
box-shadow: 0 3px 0 #ccc, 0 -1px #eaeaea inset;
background: #f8f8f8;
border:none;
outline:none;
display: inline-block;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
cursor:pointer;
}
</style>
Chrome: https://i.stack.imgur.com/3Qv0G.png https://i.stack.imgur.com/3Qv0G.png火狐和 IE:https://i.stack.imgur.com/w1iut.png https://i.stack.imgur.com/w1iut.png
尝试看看这个:
如何从 Firefox 中的选择元素中删除箭头 https://stackoverflow.com/questions/5912791/how-to-remove-the-arrow-from-a-select-tag-in-firefox
巧合的是我的评论:
"尝试将其封装在 div 中并隐藏溢出吗? Div 的宽度 "
与得票最高的答案类似。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)