有没有办法在Firefox和IE中隐藏``元素的箭头?我知道这个问题已经被问过并得到了答案,但在FF30上不再起作用。以下是我正在进行的示例: select { border: 0 !important; -webkit-appearance: none; -moz-appearance: none; background: url(../images/select-arrow.png) no-repeat 95% 50% #ffffff; background-size: 12%; overflow: hidden; border: 1px solid #b4b4b4; padding: 5px; font-size: 16px; text-indent: 0.01px; text-overflow: ""; } <select class="col-xm-8 col-sm-8 col-xs-8 pull-right"> <option selected="selected" icon="">Sort Topics</i> </option> <option>1</option> <option>2</option> <option>3</option> <option>4</option> </select> 我想要在火狐和IE浏览器中删除默认的箭头图标。-moz-appearance: none无法去掉下拉菜单图标。
你可以尝试以下方法:select::-ms-expand { display: none; } 针对IE浏览器隐藏下拉箭头以及更多信息请参考此处。 而对于火狐浏览器,我们可以使用以下方法: -webkit-appearance: none; -moz-appearance: none; appearance: none; 请查看此fiddle: 参见此链接和链接2。 如果您仍然有箭头问题,请告诉我。 谢谢。