Question

我们有一个网站范围的样式表，它将背景设置为：透明链接。这导致显示来自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>

Answer 1

我没有看到真正的解决方案，但我可以提供两个黑客：

在<span>内加一个<a>并将css应用于此元素。
请勿使用<a>，而是使用<button>。缺点：这需要额外的JavaScript来使按钮工作。

如果只覆盖链接的背景颜色就足够了，background-color: transparent而不是background: transparent可以做到这一点（但我想你可能已经考虑过了）。

允许使用ui-icon背景

1 个答案: