html - 带有 gif 覆盖的自定义禁用按钮

Question

我有兴趣创建一个:disabled按钮，该按钮具有跟随按钮文本的加载 gif。这里的例子http://jsfiddle.net/roman_khrystyny​​ch/YTBLs/

这个想法是，当用户单击按钮时，它开始在更改的文本旁边显示加载动画。在这种格式中，按钮被禁用。我想为网站上的所有按钮使用这种格式，这意味着文本会经常更改。

因此，我希望按钮的结构能够自动将加载 gif 定位在文本旁边。

关于如何格式化此按钮以便在禁用格式下它在文本旁边显示动画 gif 的任何建议？

Answer 1

您可以使用带有 CSS 背景的 LABEL 标签来搭配按钮。当按钮被禁用时，更改标签上的类名以显示图像。

Answer 2

我会这样做：

<button>Submit<span> * </span></button>

将您的图形粘贴在标签上/<span>标签中。