gif 오버레이가 포함 된 맞춤 해제 버튼

Question

:disabled 단추를 만드는 데 관심이 있습니다.이 단추에는 단추의 텍스트를 따르는 GIF가로드됩니다. 여기의 예제 http://jsfiddle.net/roman_khrystynych/YTBLs/

사용자가 버튼을 클릭하면 변경된 텍스트 옆에 로딩 애니메이션이 표시되기 시작한다는 아이디어가 있습니다. 이 형식에서는 버튼이 비활성화됩니다. 사이트의 모든 버튼에이 형식을 사용하여 텍스트가 자주 변경된다는 것을 의미합니다.

버튼 때문에 텍스트 옆에 자동으로로드되는 gif를 배치하는 방식으로 버튼을 구성하고 싶습니다.

비활성화 된 형식으로 텍스트 옆에 애니메이션 gif가 표시되도록이 단추를 포맷하는 방법에 대한 제안 사항이 있습니까?

Answer 1

CSS 배경과 함께 LABEL 태그를 사용하여 버튼으로 이동할 수 있습니다. 단추를 사용할 수 없으면 레이블의 클래스 이름을 변경하여 이미지를 표시하십시오.

Answer 2

나는 이런 식으로 할 것 :

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

은 <span> 태그에 /에 그래픽 스틱.