我已经在网上搜索了,但是没有找到任何解决方案。
我也想在括号下划线。
a {
text-decoration: underline;
}
<a href='#'>hhh(9)</a>
最佳答案
这是因为在最新版本的Chrome(version 64)中,他们似乎已在默认的用户代理样式中启用了text-decoration-skip-ink
并将其设置为auto
。要删除此内容,请将其添加到您的CSS(将适用于所有样式):
* {
text-decoration-skip-ink: none;
}
关于MDN的More information:
text-decoration-skip-ink CSS属性指定当上划线和下划线越过字形上,下划线时如何绘制。
/* Single keyword */
text-decoration-skip-ink: none;
text-decoration-skip-ink: auto;
/* Global keywords */
text-decoration-skip: inherit;
text-decoration-skip: initial;
text-decoration-skip: unset;
这是一个使用上面的代码的示例:
a {
text-decoration: underline;
text-decoration-skip-ink: none;
}
<a href='#'>hhh(9)</a>