css - 如何在所有使用 css 的浏览器中使下划线大小相同？

Question

当我在 css 中有以下内容时，IE 和 Firefox 中链接下的下划线“加倍”。我已经看到一些网站具有相同的字体系列，相同的字体大小，粗体和下划线没有加倍。我怎样才能使下划线只有一条而不是两条（1px vs 2px）。一个适用于所有浏览器的简单 CSS（如果可能）。我知道我可以使用border-bottom 来解决问题，但我不太喜欢这个主意。

.a_12 {
font-family: arial;
font-size: 12pt;
font-weight: bold;
text-decoration: underline;
}

感谢您的帮助和建议

Answer 1

您无法控制浏览器如何使用 CSS 呈现其文本下划线。如果你真的需要那种程度的控制，使用底部边框也没有什么坏处。

Answer 2

尝试使用此属性：border-width: 1px或玩弄border-bottom属性

Answer 3

其他几篇文章中建议的技术的替代border-bottom方法是使用inset box-shadow，如下所示：

box-shadow: 0 -1px 0 0 inset;

省略color参数默认为文本颜色。