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

Question

我使用<abbr>标签来显示CSS属性的一些修剪单词的完整内容text-overflow: ellipsis.

使用<abbr>这些单词时,会出现虚线下划线,并将悬停光标更改为带有问号的光标.

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

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

Answer 1

与V40的Firefox开始切换到使用文本修饰,以提供下划线和铬会被太做这样的说法.因此,如果您需要支持这些浏览器,则应更新代码以包含该代码:

abbr[title] {
  border-bottom: none !important;
  cursor: inherit !important;
  text-decoration: none !important;
}

Answer 2

它设置了边界和text-decoration.删除它:

border: none;
text-decoration: none;

Answer 3

这应该有效：

abbr[title] {
  text-decoration: none;
}