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

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