如何解决如何去掉锚元素的下划线?
我尝试了 text-decoration:none !important;
但它不起作用。这是我的代码:
.no {
text-decoration:none !important;
}
<a href="fmab-no.html" class="no">No,Different</a>
解决方法
一些注意事项:
- 您可以使用
>
css 选择器为元素赋予更高的优先级。例如:
.parent-class > .no { text-decoration:none !important; }
-
如果您使用
react
、vue
或angular
等框架,可能是由于封装特性。 -
如果代码是由其他人编写的,它可能使用了 css 中的
:before
或:after
特性来创建下划线。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。