代码之家 › 专栏 › 技术社区 › CodeMan

如何在IE中删除锚伪元素的css中的下划线

pseudo-element internet-explorer css

CodeMan · 技术社区 · 10 年前

如何删除 text-decoration: underline 用于Internet Explorer中的CSS伪元素?

这个 + 图标在其他浏览器(如Google Chrome)中没有下划线,但在Internet Explorer中 + 图标下划线。如何删除Internet Explorer的下划线?

《守则》( https://jsfiddle.net/u5m067xq/4/ ):

h3 a { 
  text-decoration:underline;
}
h3 a:before {
  display:inline-block;
  content: '+';
  margin:0;
  padding: 4px;
  text-decoration:none;
}

 <h3><a href="#">link</a></h3>

1 回复 | 直到 9 年前

Vucko 10 年前

此代码按您的预期工作。的默认样式 a 标记为 text-decoration: underline .你必须设置它 none .

span {
  text-decoration: underline;
}
h3 a:before {
  display: inline-block;
  content: '+';
  margin: 0;
  padding: 4px;
  text-decoration: none;
}
a {
  text-decoration: none;
}

<h3><a href="#"><span>link</span></a></h3>

推荐文章

Hala · 有没有什么方法可以将CSS属性设置为其他不兼容浏览器的属性的备用项?

4 年前

Error 1004 · 使用VBA从HTML中提取信息

8 年前

myroslav · IE11中Angular 4应用程序崩溃

8 年前

L Y E S - C H I O U K H Dumitru Boaghi · 在IE9/Angular 5/TypeScript上使用FormData,无需Ajax或jQuery

8 年前

Dhananjay C · Internet Explorer-表格上的CSS框阴影不适用于IE浏览器

8 年前

jacob · 当操作url为跨原点时,Microsoft浏览器不会将表单发布到iframe

8 年前

Athar K · 工具提示悬停上的过渡在IE上不起作用,在Google Chrome上效果很好

8 年前

adrien54 · 使用BlendColor过滤器的IE上的透明度问题

8 年前

Kathryn Crawford · ul元素上的伪元素在IE11中不起作用

8 年前

sankar · IE不显示abbr标记的边框底部

8 年前