Css 波浪下划线在铬中的行为异常

我对铬（73）中的

文本装饰样式：wavy

有问题

当文本装饰在

实心

和

波浪

之间切换时，有时它就像只渲染上部，而将下部保留在其先前的状态。因为我不明白的原因，它不会一直发生

我能做些什么吗

div{
文字装饰：下划线；
文字装饰风格：立体；
}
div:悬停{
文字装饰风格：波浪形；
}

Hello world

将填充添加到

div

使用

wavy

作为带有

outline

的悬停（有点像作弊代码）

我猜是因为div上的下划线导致了这个问题

div{
填充物：5px；
字体大小：30px；
文字装饰：下划线；
显示：内联块；
}
div:悬停{
显示：内联块；
文字装饰风格：波浪形；
/*看起来需要这个代码*/
轮廓：1px实心rgba（255,255,255,0.1）；
}

---

你好，世界

谢谢！轮廓：1px实心rgba（255,255,255,0.1）似乎有点黑客，但它的工作！如果还有其他人感兴趣，请注意只需要

填充底部

（不一定是完全的

填充

）。此外，无需更改

字体大小

和

显示

。哈哈哈，我使用了填充，只是为了在添加边框时从各个方向看起来都不错，没有其他内容和字体大小，如果只是为了确保它更突出，这些与修复无关，意味着其他人肯定会知道这一点。