html – 删除由abbr标记引起的下划线

前端之家收集整理的这篇文章主要介绍了html – 删除由abbr标记引起的下划线前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我使用< abbr>标签用CSS属性text-overflow:省略号显示一些修剪过的单词的全部内容

使用< abbr>时这些单词带有虚线下划线,悬停光标变为带问号的单词。

我确实设法使用它来改变它。但是,我不确定这是最好的方法,这种方法有什么问题吗?

abbr[title] {
  border-bottom: none !important;
  cursor: default !important;
}

解决方法

从v40开始Firefox switched使用文本修饰来提供下划线和铬将是 doing it that way too.所以你应该更新你的代码,以包括如果你需要支持这些浏览器:
abbr[title] {
  border-bottom: none !important;
  cursor: inherit !important;
  text-decoration: none !important;
}

猜你在找的HTML相关文章