Пользовательская кнопка с отключенным gif

Question

Я заинтересован в создании кнопки :disabled, которая загружает gif, которая следует за текстом кнопки. Пример здесь http://jsfiddle.net/roman_khrystynych/YTBLs/

Идея состоит в том, что когда пользователь нажимает кнопку, он начинает показывать анимацию загрузки рядом с измененным текстом. В этом формате кнопка отключена. Я хотел бы использовать этот формат для всех кнопок на сайте, что означает, что текст будет довольно часто меняться.

Из-за этого я хотел бы, чтобы кнопка была структурирована таким образом, чтобы автоматически разместить загрузочный gif рядом с текстом.

Любые предложения о том, как отформатировать эту кнопку, чтобы в отключенном формате она отображала анимацию gif прямо рядом с текстом?

Answer 1

Вы можете использовать теги LABEL с фоном CSS, чтобы идти с помощью кнопок. Когда кнопка отключена, измените имя класса на ярлыке, чтобы отобразить изображение.

Answer 2

Я хотел бы сделать это следующим образом:

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

Палка ваш график на/в <span> тега.