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