IE中下划线粗细不一致

Question

我希望我的锚链接的内容始终为粗体和下划线，但锚标记内的跨度不应为粗体。

示例标记：

<a>Hello, <span>fooooo</span> bar</a>

样式：

    a {
        font-weight: bold;
        text-decoration: underline;
    }

    span {
        font-weight: normal;
    }

（右键单击图像并选择查看/在新标签中打开以获得更好的视图）

在 IE8+ 中，下划线粗细不一致：显然是由链接内粗体文本的百分比决定的。有没有办法让页面上的每个链接的下划线看起来完全相同？

小提琴：http://jsfiddle.net/FfBGn/

Answer 1

有点骇人听闻，但你可以用这个代替text-decoration:underline：

border-bottom:1px solid #000;

demo

---

或者，如果您必须使用text-decoration:underline， 你可以加粗加粗。

font-weight:800;

demo

Answer 2

也许更简单的方法是设置锚的边框而不是下划线？这样你就可以自己决定厚度了？

border-bottom: 1px solid #000000;