选择框箭头隐藏在IE中的CSS

在IE浏览器中，选择框（Dropdown）的箭头可能会显得有些多余或者不美观。那么如何在CSS中隐藏选择框箭头呢？

1. 第一种方法

第一种方法是通过设置background: none来隐藏选择框箭头。

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

这个CSS代码片段会将选择框的箭头设为透明，从而达到隐藏的效果。

2. 第二种方法

第二种方法是通过设置appearance属性来隐藏选择框箭头。

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

这个CSS代码片段会将选择框的外观设为none，也就是不显示箭头。

需要注意的是，这个方法会同时隐藏选择框的标记（Marker），也就是选中项右侧的小三角形。如果需要保留标记的话，可以通过下面的CSS代码片段来调整。

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image:
    linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px);
  background-size:
    5px 5px,
    5px 5px;
  background-repeat: no-repeat;
}

这个代码片段使用了linear-gradient来绘制标记，通过调整background-position和background-size来进行定位和大小调整。

3. 总结

以上介绍了两种在IE浏览器中隐藏选择框箭头的方法，第一种通过设置background，第二种通过设置appearance，并给出了保留标记的调整方式。根据自己的需要，可以选择合适的方法进行使用。