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;
}