CSS 버튼과 상태

:hover 및 :active 속성을 input[type=button]에 적용 할 수 있습니까, 아니면 수업을 사용해야합니까?CSS 버튼과 상태

출처

2011-01-03 tony noriega

시도해 보셨습니까? – BoltClock

예외가있는 ... 할 수 있습니다. IE6 만 지원 : 속성에 마우스를 올리면됩니다. IE6를 지원하는 경우 JS를 사용하여 클래스를 변경해야합니다. hover (이것을 무시할 수있는 IE6 해킹이 있습니다.)

출처

2011-01-03 17:17:24 sethvargo

대부분의 최신 브라우저에서는 :hover을 사용할 수 있습니다. 모든 요소가 있지만 IE는 그것에 대해 조금 더 까다 롭습니다.

this hack을 사용하거나 Javascript 및 이벤트 처리기 (IMO 권장)와 함께 사용할 수 있습니다.

출처

2011-01-03 17:18:28

예, 가능합니다.

<!DOCTYPE html> 
<html> 
    <head> 
     <style type="text/css"> 
     input[type=button]:hover { 
      background: red; 
     } 
     </style> 
    </head> 
    <body> 
     <input type="button" value="Hit me" /> 
    </body> 
</html>

물론 IE는주의해야합니다.하지만 웹 디자인의 다른 부분입니다. :)

출처

2011-01-03 17:19:06 Morpheu5

나는 Google 링크를 제안 할 수 있습니다. http://cssbutton.com/forms/ 몇 가지 예가 있습니다. 구형 IE 버전은 이런 종류의 일로 까다 롭습니다.

출처

2011-01-03 17:19:10 superfro

CSS 버튼과 상태

답변

관련 문제