html - 下拉列表箭头图标在 IE 上无法正常工作

Question

下拉列表箭头图标在 iE 上无法正常工作，但其他浏览器可以正常工作。

CSS:

.custom-dropdown .option {
        line-height: 2em !important;

    }

html:

<select name="name" class="custom-dropdown" id="ddlSecurityFirstQuest" >
<option value="2">What is your pet''s name?</option>
<option value="3">What was the name of your first school?</option>
</select>

此处附上图片

IE 浏览器下拉列表箭头是这样工作的

但我需要这样的 IE 浏览器 arrrow

注意:我得到的其他浏览器是这样的，但 IE 无法正常工作

Answer 1

这个问题对于不同的浏览器需要不同的解决方案，在你的 IE 的 css 中使用这个

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