如何使用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参数默认为文本颜色。