我正在尝试创建一个自定义的下拉菜单控件,我需要从本机控件隐藏箭头。我正在使用以下CSS,它适用于Chrome和Safari,但不适用于Mozilla和IE。
select.desktopDropDown { appearance: none; -moz-appearance:none; /* Firefox */ -webkit-appearance:none; /* Safari and Chrome */ }
解决方法
使用它将工作,但与IE10和FF:
你的CSS应该是这样的:
select.desktopDropDown::-ms-expand { display: none; }
更多约::ms-expand
。
然后休息:
select.desktopDropDown { outline : none; overflow : hidden; text-indent : 0.01px; text-overflow : ''; background : url("../img/assets/arrow.png") no-repeat right #666; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; }
注意:我硬编码路径“../img/assets/arrow.png”作为背景。
这对于IE,Firefox和Opera来说应该对你有好处。
原文地址:https://www.jb51.cc/css/218820.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。