Question

我在网上搜索过，但我找不到任何解决办法。

我也希望括号下划线。

＆＃13;

a{
text-decoration:underline;
}

＆＃13;

<a href='#'>hhh(9)</a>

＆＃13;

Answer 1

这是因为在最新版本的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>

Answer 2

如果希望括号加下划线^^

，可以使用边框底部

a{
text-decoration:none;
border-bottom : 1px solid;
}

<a href='#'>hhh(9)</a>

Answer 3

加下划线。

请看下面的例子。你是否认为角色p没有加下划线？

a {
  text-decoration:underline;
}

<a href='#'>hhh(9)</a><br>
<a href="#">[a][a]</a><br>
<a href="#">ppap</a><br>

如果您确实需要在这些字符下方添加一行，请使用border。

a {
  text-decoration: none;
  border-bottom: 1px solid blue;
}

<a href='#'>hhh(9)</a><br>
<a href="#">[a][a]</a><br>
<a href="#">ppap</a><br>

Answer 4

由于最近的浏览器如Chrome启用text-decoration-skip-ink

，因此不会对括号进行下划线

您必须在CSS中编写此短代码

* {
  text-decoration-skip-ink: none;
}

a{
 text-decoration:underline;
}

<a href="#">underline text with () brackets</a>

为什么括号＆＃34;（）＆＃34;没有在CSS中加下划线？

4 个答案: