我们有一个站点范围的样式表，可以将 a:link 的背景设置为透明。这会导致显示来自 jqueryui 的图标时出现问题。在下面的示例中，与 ui-icon-trash CSS 类关联的垃圾桶图标未显示，因为 a:link 背景属性否决了它。
我可以将 ui-icon-trash 使用的相同样式应用于相关链接，但如果将来要更新 jqueryui 主题，那将很脆弱。有没有一种方法可以让 jqueryio 图标在具有站点范围背景的同时显示:a:link 上的透明属性？
<html>
<head>
<link rel="stylesheet" type="text/css" href="jquery-ui.css" />
<style>
a:link {
text-decoration: underline;
color: #066E37;
background: transparent;
}
</style>
</head>
<body>
<a class="ui-icon ui-icon-trash" href="#"></a>
</body>
</html>
最佳答案
我在那里没有看到真正的解决方案，但我可以提供两个 hack:
再添加一个
<span>在<a>里面并将 css 应用于此元素。不要使用
<a>但是<button>反而。缺点:这需要额外的 javascript 才能使按钮正常工作。
如果仅覆盖链接的背景颜色就足够了，background-color: transparent而不是 background: transparent可以做到这一点(但我想您可能已经想到了)。
关于css - 允许使用 ui-icon 背景，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/7341794/