CSS 및 HTML 마우스 아웃?

Question

필자는 인터넷 검색을하고 있었지만 CSS 마우스를 사용하는 것과 비슷한 방식의 마우스를 찾지 못했습니다.

하나가 있습니까? 그렇다면 어떻게 코딩해야합니까?

Answer 1

CSS에 마우스 아웃 이벤트가 없습니다. You need javascript in order to do that.

Answer 2

당신은 :hover pseudoclass을 찾고 있습니다.

a:hover {background: red;} 

위에 올린 링크를 강조 표시합니다.

Answer 3

내가 알고있는 한 '이벤트'는 다음 CSS 만 가질 수 있습니다.

A (기본), A가 : 마우스를 가져 A : 활성, 은 : 방문

Answer 4

:hover 의사 클래스가있다 :

element:hover { color: red } 

에 대한 이벤트 또는 선택이없는이 그게 당신이 찾고있는 것이라면 :hover 상태가 끝납니다.

자바 스크립트로 바꾸려면 onmouseout 이벤트가 필요합니다.

당신이 가져

.class { color: black; } 
.class:hover { color: red; } 

, 색상이 적색 것이다 : 당신이 요소 중 마우스, 그것으로 돌아갑니다 때

Answer 5

는 당신은 기본이 같은 :hover 상태 일 비의의 :hover pseudo-class for this 필요 "마우스 출력"을하면 더 이상 :hover 선택기와 일치하지 않으므로 색상이 검은 색으로 돌아갑니다. 이것은 모든 브라우저에 대한 기본 동작입니다. 여기서 수행해야 할 특별한 작업은 아닙니다.

프로그래밍 방식으로 수행하려는 경우 mouseout JavaScript event을 찾고 있습니다.

Answer 6

는 AFAIK 더 마우스 아웃 이벤트하지만

당신이 이전에 방문하는 링크하려는 경우 CSS에 대한로 마우스 형 선택이 아닌

a:visited{ 

} 

Answer 7

사용할 수 없습니다. 그러나 요소의 일반적인 스타일은 "mouseout"상태입니다!

정확하게 일반 CSS를 사용하려고하고 정확히 :hover 선택기가 사용하지 않으시겠습니까?

자바 스크립트로 할 수 있습니다. here 또는 here을 참조하십시오.