gpt4 book ai didi

css - 允许使用 ui-icon 背景

转载 作者:太空宇宙 更新时间:2023-11-04 16:16:47 24 4
gpt4 key购买 nike

我们有一个站点范围的样式表,可以将 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:

  1. 再添加一个 <span><a>里面并将 css 应用于此元素。

  2. 不要使用 <a>但是<button>反而。缺点:这需要额外的 javascript 才能使按钮正常工作。

如果仅覆盖链接的背景颜色就足够了,background-color: transparent而不是 background: transparent可以做到这一点(但我想您可能已经想到了)。

关于css - 允许使用 ui-icon 背景,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7341794/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com