<abbr>您可以使用 css 设置标签的样式吗？在 Firefox 中，它在单词下方显示为点，如下图所示：
这是浏览器的浏览器吗？您可以删除这些点还是只使用该title="title here"选项？谢谢
问问题
11373 次
6 回答
19
Firefox 40 有一个小改动：
https://developer.mozilla.org/en-US/Firefox/Releases/40/Site_Compatibility#CSS
要删除 Firefox 中的默认下划线，您现在需要设置 CSS：
text-decoration: none;
于 2015-08-13T13:08:33.263 回答
8
您可以使用 css 设置标签的样式吗？
是的你可以。
在Firefox中，它在单词下方显示为点
是的。Firefox 默认样式是
abbr[title], acronym[title] { border-bottom: 1px dotted; }这是浏览器的浏览器吗？
是的，这种行为是由每个浏览器的默认样式表决定的。那么，不同的浏览器可能会默认显示不同。
你能去掉这些点吗？
是的，只需覆盖默认样式：
abbr[title], acronym[title] { border-bottom: none; }
于 2014-03-21T21:50:35.410 回答
4
对于现代浏览器，可以使用 CSS 设置标签样式。但是，可以使用带有 JavaScript 的旧浏览器的后备方案。（但谁愿意支持 IE 8？）
abbr {
position: relative;
}
abbr:hover::after {
position: absolute;
bottom: 100%;
left: 100%;
display: block;
padding: 1em;
background: yellow;
content: attr(title);
}
这将在标签悬停时使用标题中的属性内容在标签的右上角添加一个绝对定位的伪元素。
于 2014-03-21T21:55:11.337 回答
2
兔人先生。
好像您遇到了跨浏览器问题。
<abbr>是的，您可以设置标签样式。下面的例子。
abbr { border: 2px dashed red; }
如果您在某个浏览器上遇到下划线，请尝试：
abbr { border-bottom: 0px !important; }
于 2014-03-21T21:58:48.667 回答
0
<abbr>您可以使用 css 设置标签的样式吗？
是的，但是你不能title设置属性的样式——尽管你可以不可靠地伪造它。
这是浏览器的浏览器吗？
是的，默认样式是在用户代理样式表中设置的。
你能去掉这些点吗？
绝对地。要删除它们，请取消设置样式表中的text-decoration属性：
abbr[title] {
text-decoration: unset;
}
包容性设计方法也是可能的。
于 2019-01-31T11:52:41.500 回答
-1
你可以用你想要的任何 CSS 来设置任何 HTML 元素的样式，但问题是，对于某些 HTML 元素，它没有任何效果。
换句话说，您可以随意添加 CSS，但浏览器可能不支持您的更改。
ie 样式化<head>元素是可能的，但它是没有意义的。
于 2014-07-06T00:23:57.533 回答