问删除由abbr标签引起的下划线
EN

Stack Overflow用户

提问于 2014-10-09 18:51:16

回答 5查看 22.1K关注 0票数 38

我使用CSS标记通过CSS属性text-overflow: ellipsis来显示一些修剪过的单词的完整内容。

当使用<abbr>时，这些单词会有一个带点的下划线，悬停时光标会变成带问号的光标。

我确实设法用这个改变了它。但是，我不确定这是最好的方法，这种方法有什么问题吗？

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

html

css

abbr

回答 5

Stack Overflow用户

回答已采纳

发布于 2015-08-23 08:23:29

从v40 Firefox switched开始，再到使用文本装饰来提供下划线和chromium将是doing it that way too。因此，如果您需要支持这些浏览器，则应该更新您的代码以将其包括在内：

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

票数 72

Stack Overflow用户

发布于 2014-10-09 18:54:17

它设置了一个边框和text-decoration。使用以下命令将其删除：

border: none;
text-decoration: none;

示例：jsfiddle

票数 10

Stack Overflow用户

发布于 2016-08-29 11:08:40

这应该是可行的：

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

这使用styling abbreviations.

票数 6

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/26276556

复制

相似问题

问删除由abbr标签引起的下划线
EN

回答 5

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问删除由abbr标签引起的下划线EN

回答 5

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问删除由abbr标签引起的下划线
EN