Hyperlink Safari中链接边界中的白色间隙

Hyperlink Safari中链接边界中的白色间隙,hyperlink,safari,space,Hyperlink,Safari,Space,我有一个如下链接: цццццццццц 问题是,在Safari中,当“ББББММБццц”加下划线时,字母“ц”和“ц”划出一条直线,并且在链接线上有一个很小的空白。 如何删除链接中的这些空白?删除下划线,以便所有都能澄清 这将从链接中删除下划线。它绝对不是完美的(如果你想保留下划线的话),但它至少通过完全删除它来解决问题。当然,这假设您的链接以某种方式着色 边框底部下划线 使用CSSborder-bottom样式可以获得您想要的结果,如下所示: a.cyrillic { bor

我有一个如下链接:

цццццццццц

问题是,在Safari中,当“ББББММБццц”加下划线时,字母“ц”和“ц”划出一条直线,并且在链接线上有一个很小的空白。 如何删除链接中的这些空白?

删除下划线,以便所有
都能澄清

这将从链接中删除下划线。它绝对不是完美的(如果你想保留下划线的话),但它至少通过完全删除它来解决问题。当然,这假设您的链接以某种方式着色

边框底部
下划线 使用CSS
border-bottom
样式可以获得您想要的结果,如下所示:

a.cyrillic {
    border-bottom: 1px solid currentColor;
    text-decoration: none;
}
a.cyrillic:hover {
    border-bottom: 1px solid currentColor;
    text-decoration: none;
}
显然在你的HTML


这里还有一个需要澄清的问题。

我希望我的链接加下划线。我只想消除白色的差距,而不是整个线。有办法做到这一点吗?:)
a.cyrillic {
    text-decoration:none;
}

a.cyrillic:hover {
    text-decoration:none;
}
a.cyrillic {
    border-bottom: 1px solid currentColor;
    text-decoration: none;
}
a.cyrillic:hover {
    border-bottom: 1px solid currentColor;
    text-decoration: none;
}
<a href="#" class="cyrillic">Документи</a>