无涯教程网

Css 删除 IE10 Select 元素箭头

发布于04月11日

因此，有了Mozilla和WebKit，我有了一个相当不错的解决方案，使用appearance: none;替换select框上的箭头，并使用父元素.

在IE中，我在很大程度上禁用了这个功能.对于IE10，我实际上无法禁用它，因为我的条件注释实际上不起作用.

这是我的加价:

<!--[if lt IE 7 ]> <html class="ie6"> <![endif]-->
<!--[if IE 7 ]>    <html class="ie7"> <![endif]-->
<!--[if IE 8 ]>    <html class="ie8"> <![endif]-->
<!--[if IE 9 ]>    <html class="ie9"> <![endif]-->
<!--[if (gt IE 9)]>    <html class="ie10plus"> <![endif]-->
<!--[if !(IE)]><!--> <html> <!--<![endif]-->

类ie10plus实际上并不是指向标记的方式.

我也觉得也许有一种合法的方式可以取代IE中的箭头.我并不反对实际解决问题.然而，appearance: none;不起作用.那么我能在这里做些什么呢？

推荐答案

避免浏览器嗅探和条件注释(从Internet Explorer10开始不支持)，而采用更标准的方法.对于这个特定问题，您应该针对::-ms-expand伪元素:

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

Css相关问答推荐

Safari CSS扫描动画效果不起作用

R SHINY：FILL CONTAINER=TRUE时调整DT数据表高度，

如何仅使用CSS Select 器根据列表中第n个项的子项属性 Select 该项

不明白为什么 div 不均匀并且不填满页面

应用边框半径的 iframe 在 4 个角上有细曲线

是否有一个 CSS 可以根据字符的高度 for each 字符呈现可变高度？

当您到达页面底部时，如何使页脚 div 将附加的 div 向上推

在 React 中使用 CSS 动画 onClick()

在 dbc.Container 上方包含横幅 - Dash

将 tailwincss 转换为普通 CSS？

为什么 em 不将定义的字体大小加倍？

导航栏中的 Bootstrap 3.0 按钮

Angular 5 在某些类中添加了ng-star-inserted - 那是什么？

如何填充 100% 的剩余高度？

溢出的文本可以居中吗？

为什么是垂直对齐：文本顶部；不能在 CSS 中工作

CSS - 使 div 水平对齐

将 Fixed div 设置为父容器的 100% 宽度

通过 JavaScript 更改 CSS 伪元素样式

CSS显示：表格列应该如何工作？

实用课程推荐

相关教程推荐