Css 文本装饰：内部带有转换元素的下划线

我的链接有时包含字符“•”。使用webfont时，圆点看起来非常小，因此我应用了

transform:scale（1.25）仅当使用
display:inline block将点包装到新框中时，才可能执行此操作。但是，点下面的下划线消失了

这是基本代码


.dot{
显示：内联块；
转换：比例（1.25）；
边缘：0.25微米；
}
a:链接{
文字装饰：下划线；
}
请尝试下面的css

.dot{
  display: inline-block;
  font-size:44px;
  line-height:22px;
  vertical-align:middle;
}

您可以将其替换为渐变，如下所示：


.dot{
显示：内联块；
转换：比例（1.25）；
边缘：0.25微米；
}
a{
线高：1.2米；
背景：
重复线性渐变（到底部，
透明0，透明计算（1em-1px），
currentColor计算（1em-1px），currentColor 1em）；
文字装饰：无；
}

您可以增加webfont的字体大小。@stalinrajindian增加字体大小也会增加下划线只增加dot类的字体。或者使用更大的点。● 而不是•。@stalinrajindian，但是下划线的厚度也会改变。下划线在哪里？@MrLister内联块元素不会继承文本装饰。。。试试他的代码，你就不会在点下面看到任何下划线。主要问题是将下划线保持在dot@MrLister如果我们删除内联块，字体大小将使点的下划线大于不包含的文本good@MrLister考虑到规范，下划线不会传播
注意，文本装饰不会传播到任何流出的子体，也不适用于原子内联级子体（如内联块和内联表）的内容。它们也不会传播到内联框的内联子代，尽管装饰应用于此类框。
好主意，我还没有考虑过这一点。问题是，在下面的行中，行可能比text@obs因为我把它做成了内联块。。检查不带内联块的更新。奇怪的是，如果不使用currentcolor，例如“红色”，它在Edge中不起作用。在边缘的顶部还有一条细线。