CSS를 사용하여 양식 안의 버튼에 애니메이션을 적용하는 방법은 무엇입니까? 형태와

Question

index.html을 : 지금

<form id="mc-embedded-subscribe-form" class="validate" name="mc-embedded-subscribe-form" method="post" action="mailing.php"><pre> 
<fieldset> 
<div class="mc-field-group"> 
<div class="input-cont"> 
<input id="email" class="required email input-text example" type="text" name="email" value="Your email address" onfocus="value=''" style="color: rgb(178, 178, 178);"> 
</div> 
</div> 
<div class="submit-cont"> 
<input id="submit" class="input-submit" type="submit" name="subscribe" value=""> 

CSS :

#content form #submit { 
    background: url("../img/join-button.png") no-repeat left top; 
    border: 0 none; 
    color: #221505; 
    cursor: pointer; 
    float: right; 
    font-size: 23px; 
    font-weight: 800; 
    height: 46px; 
    outline: 0 none; 
    position: relative; 
    top: 1px; 
    width: 102px; 

것은이 경우에 지정하는 방법 : 마우스를 A : 활성 특성과 내가하지 않는 배경 이미지를 변경 내 HTML에 어떤 값이 있습니까? 아니면 이것을 수행하는 더 좋은 방법이 있습니까? 감사.

Answer 1

이것은 당신이 HTML을 공급할 수 있었다

#content form #submit:hover { 
    background-image: ... 
} 

#content form #submit:active { 
    background-image: ... 
}