반응형
CSS에서 마우스 다운 선택기는 무엇입니까?
버튼 및 기타 요소에는 기본 스타일이 및 일반보기, 호버 / 포커스보기 및 마우스 다운 / 클릭보기의 3 단계로 작동하는 기능이 있습니다. CSS에서 일반보기 및 호버보기의 스타일을 다음과 같이 설명 수 있습니다.
button{
background:#333;
color:#FFF;
}
button:hover{
background:#000;
color:#EEE;
}
하지만 mousedown을 어떻게합니까? 나는 다음과 같은 것을 원한다.
button:mousedown{
//some styling
}
감사합니다
활성 상태를 의미 생각합니다.
button:active{
//some styling
}
다음은 CSS에서 링크가 수있는 모든 의사 상태입니다.
a:link {color:#FF0000;} /* unvisited link, same as regular 'a' */
a:hover {color:#FF00FF;} /* mouse over link */
a:focus {color:#0000FF;} /* link has focus */
a:active {color:#0000FF;} /* selected link */
a:visited {color:#00FF00;} /* visited link */
참조 : http://www.w3.org/TR/selectors/#the-user-action-pseudo-classes-hover-act
나는 마우스 다운 이벤트처럼 작동한다는 사실.
button:active:hover {}
프로 팁 참고 : 어떤 자료, CSS 구문은 필요로:active
조각 한 후:hover
같은 요소를 일하기 위해
http://www.w3schools.com/cssref/sel_active.asp
나는 최근 에 사용자 정의 CSS 라이브러리를 재정의 :active:focus
해야하는 것처럼 CSS 라이브러리에서 동일한 작업 을 수행 한 사실을 발견했습니다 :active:hover
. 둘 다 사용할 수 있습니다.
참고 URL : https://stackoverflow.com/questions/16715274/what-is-the-mouse-down-selector-in-css
반응형
'IT' 카테고리의 다른 글
Google CDN의 최신 jQuery 버전 (0) | 2020.08.20 |
---|---|
어디에서 가변 명명 된 튜플이 있습니까? (0) | 2020.08.20 |
XML 문서를 공유로 (0) | 2020.08.20 |
Vim에서 검색 줄에 텍스트를 넣는 방법이 있습니까? (0) | 2020.08.20 |
객체를 실제 유형으로 캐스팅하는 방법은 무엇입니까? (0) | 2020.08.20 |