css - Safari 忽略文本：装饰：下划线；

Question

我无法在 safari 中使用下划线，它似乎采用了默认的无下划线链接样式，而不是下面的 css。

有什么想法可能导致这种情况吗？

div.header .container .accountPannel .top a.alias { color:#fff; font-size:10px; float:left; text-decoration:underline !important; max-width:108px; overflow:hidden;}

提前致谢。

Answer 1

我在这里假设您已经为 Safari 制作了一个用户样式表，它关闭了链接的下划线，因为 Safari 没有针对这些下划线的程序设置。

所以，可能发生的事情是你有

text-decoration: none !important;

在您的用户样式表中。
并且用户样式表总是覆盖文档样式表。所以无论你是否放入!important文档，用户样式都会一直有效。

解决方案：编辑您的用户样式表以简单阅读

text-decoration: none;

然后它可以被文档样式覆盖。

Answer 2

装饰不会传播到浮动或绝对定位的后代，或后代内联表或内联块。