允许使用UI图标背景

问题描述：

我们有一个网站宽的样式表，它将背景设置为：链接透明。这导致从jqueryui显示图标时出现问题。在下面的示例中，与ui-icon-trash CSS类关联的垃圾桶图标未显示，因为a：link background属性否决了它。允许使用UI图标背景

我可以将相同样式的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>

答

我没有看到一个真正的解决办法，但我可以提供两种黑客：

将额外<span>的<a>内部和CSS应用于此元素。
请勿使用<a>，而应使用<button>。缺点：这将需要额外的JavaScript来使按钮工作。

如果它足以只覆盖你的链接的背景颜色，background-color: transparent代替background: transparent可以做的伎俩（但我猜你可能已经想到这一点）。

不，我没有想到设置背景颜色，这工作的一种享受！ – sipwiz

允许使用UI图标背景

相关推荐