You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Chromium中text-decoration-thickness过渡失效的规范合规性问询

Chromium中text-decoration-thickness过渡失效的规范合规性问询

我最近碰到一个CSS过渡的问题,想跟大家请教下:我写的这段代码里,text-decoration-thickness的过渡效果在Gecko(Firefox)和WebKit(Safari)浏览器里都能正常工作,但到了Chromium内核的浏览器里就完全没反应。我想知道这是Chromium的实现bug,还是有什么更特定的规范要求我没注意到?

我已经查过Chromium的官方issues和其他技术社区内容,都没找到相关的讨论,实在有点纳闷——肯定不止我一个人尝试过渡text-decoration-thickness这个属性吧?

先贴出我的代码:

CSS代码

a {
  /* 注:这行(或类似设置)是复现效果的关键 */
  text-decoration: underline;
  text-decoration-skip-ink: none;
  text-decoration-thickness: 2px;
  transition: text-decoration-thickness 1s;
}

a:hover {
  color: red;
  text-decoration-thickness: 10px;
}

HTML代码

<!DOCTYPE html>
<html>
<body>
<a>This is an anchor</a>
</body>
</html>

⚠️ 重要说明:我不是在找模拟文字装饰效果的替代方案,我核心想搞清楚的是——Chromium的这个表现是否符合CSS规范要求?

内容来源于stack exchange

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.04.07 09:15:29