禁用带下划线链接的点击次数？

[j127]

是否有人知道是否有方法在链接带下划线时禁用点击计数？（我们为了可访问性而下划线链接 for accessibility。）

我通过以下方式移除了点击计数：

span.badge-notification.clicks {
    display: none;
}

但随后链接文本后面出现了一个带下划线的空格，如下所示：

HTML 代码如下：

<em dir="ltr">
    <strong dir="ltr">
        <a href="https://example.com/" dir="ltr">
            链接文本 <span class="badge badge-notification clicks" title="785 次点击" dir="ltr">785</span>
        </a>
    </strong>
</em>

是否有任何方法可以移除 <span> 标签开头前的那个多余空格？

（即使不隐藏点击计数，问题依然存在，因为下划线延伸到了那个多余空格中。）

[Don]

你好，Josh，

试试这个，实际上 display: inline-block; 能实现神奇的效果。

.cooked a {
    text-decoration: underline;
    font-weight: bold;
    display: inline-block;
}

[j127]

谢谢，这有效。