다음은 양식을 제출할 이미지 입력 코드입니다. 그것은 최신 파이어 폭스와 IE에서 멋지게 보인다. Chrome (버전 30.0.1599.101 m)에서 클릭하면 이미지가 사라지고 양식이 제출 될 때까지 대체 텍스트가 포함 된 빈 윤곽이 표시됩니다. 그것은별로 중요하지 않지만 성가신이며 가능한 경우 수정하고 싶습니다. 아무도 이것을 방지하는 방법을 알고 있습니까?Chrome에서 클릭하면 입력 이미지가 사라집니다.
onmousedown/onmouseout은 Chrome에서 작동하지만 이미지 변경이 지연되어 표시가 제안됩니다. 이미지가 캐싱되지 않습니다. 이것은 IE 나 Firefox에서 발생하지 않습니다.
참고 : 외부 CSS는
<input class="buy_butt" src="/img/gen/buy-now.gif" id="addtocart" name="addtocart" onmousedown="this.src='/img/gen/buy-now-onclick.gif'" onmouseout="this.src='/img/gen/buy-now.gif'" alt="add to cart" type="image">
<img src="/img/gen/buy-now-onclick.gif" style="display:none;" alt="add to cart onclick">