自定义禁用按钮，带有gif叠加层

Question

我有兴趣创建一个:disabled按钮，其中包含按钮文本后面的加载gif。示例http://jsfiddle.net/roman_khrystynych/YTBLs/

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

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

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

Answer 1

您可以使用带有CSS背景的LABEL标签来使用按钮。禁用该按钮后，更改标签上的类名称以显示图像。

Answer 2

我会这样做：

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

将图片贴在<span>标签上/。