IT

CSS에서 마우스 다운 선택기는 무엇입니까?

lottoking 2020. 8. 20. 19:08
반응형

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

반응형