Question

有没有办法在Firefox和IE中隐藏元素的箭头，我知道这个问题已经在这里被问到并且已经回答但是不再适用于FF30了。这是我正在做的一个例子：选择 { 边界：0！重要; -webkit-appearance：none; -moz-appearance：none; background：url（../ images / select-arrow.png）no-repeat 95％50％#ffffff; 背景大小：12％; 溢出：隐藏; border：1px solid＃b4b4b4; 填充：5px; font-size：16px; text-indent：0.01px; 文字溢出：“”; } ＆lt; select class =“col-xm-8 col-sm-8 col-xs-8 pull-right”＆gt; ＆lt; option selected =“selected”icon =“”＆gt;排序主题＆lt; / i＆gt; ＆LT; /选项＆GT; ＆LT;选项→1＆LT; /选项＆GT; ＆LT;选项→2＆LT; /选项＆GT; ＆LT;选项→3＆LT; /选项＆GT; ＆LT;选项→4＆LT; /选项＆GT; ＆LT; /选择＆GT; 我只想删除firefox＆amp;中的默认箭头图标。 IE.he -moz-appearance：none没有摆脱下拉图标。

Answer 1

您可以尝试：

select::-ms-expand {
   display: none;
}

用于隐藏IE中的下拉箭头以及更多it's only for Reseller accounts。

对于firefox，我们可以使用它：

-webkit-appearance: none;
-moz-appearance: none;
 appearance: none;

请参阅此info：请参阅此fiddle和link

如果您仍然遇到箭头问题，请告诉我

感谢

Answer 2

我更新了我的moz版本，现在我使用的是版本37.0.2 firefox在较新版本上解决了这个bug

如何在Firefox（Firefox版本30）和IE中删除默认箭头形式<select>

2 个答案: