Question

嘿我试图制作一个折叠和展开一些文字的图标按钮。我已经有崩溃/扩展部分的工作逻辑，但我发现麻烦的地方是创建图标按钮。我必须使用下载的主题，所以我拥有的是：

<span id="toggleErrorBtn" class="ui-icon ui-icon-plus" style="background-image: url(images/ui-icons_cd0a0a_256x240.png); height: 15px; border:white; background-repeat: no-repeat; display: inline;">
    <button></button>
</span>

当我运行我的代码时，我看到一个空按钮旁边的图标但是当我尝试使用＆＃34; display：none;＆＃34;在按钮上，一切都消失了。有没有办法删除按钮并留下图标？

编辑：图像用于不同的颜色。我尝试将按钮更改为可见性：隐藏;但它给我留下了两个图标，但用 替换按钮效果很好。现在唯一的问题是，当鼠标悬停在图标上时，它会将其标识为文本而不是按钮。理想情况下我喜欢

<button id="toggleErrorBtn" class="ui-icon ui-icon-plus" style="background-image: url(images/ui-icons_cd0a0a_256x240.png); height: 15px; border:white; background-repeat: no-repeat; display: inline; background-position-x: -20px;">
    </button>

然后我无法改变背景颜色。有没有解决方法？

Answer 1

尝试使用visibility: hidden;代替display: none;

这会将按钮留在DOM中，但不会将其显示给用户。

要将其添加回来，请使用visibility: visible;

希望这有用！

Jquery图标按钮

1 个答案: