我已经在网上搜索了,但是没有找到任何解决方案。

我也想在括号下划线。



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>

09-11 19:11
查看更多