태블릿 및 스마트 폰과 같은 터치 스크린이있는 기기에서 CSS 호버는 무엇이며 동급입니까? 내 컨베이어에 화살표를 표시하려고합니다. 바탕 화면에서 마우스를 올리면 사용할 수 있지만 커서를 놓을 때 커서를 사용할 필요가 없습니다.모바일 AP 용 호버와 동일합니다.
3
A
답변
3
과 함께 :active
선택자를 사용하십시오.
:active
선택자는:hover
선택 자 다음에 호출되어야합니다. 클릭 이벤트처럼 -
예
.button:hover, .button:active{
background-color: red;
}
1
나는 기본적으로 다르게, 디바이스 호버 효과가없는 터치하거나 적어도 그들은 "치료"믿습니다.
예 : 데스크톱 컴퓨터의 호버 위에 드롭 다운 메뉴가있는 경우 모바일 터치 장치를 클릭하면 자동으로 드롭 다운 메뉴가됩니다.
현재 문의 사항으로 최대 폭이 1200px 미만인 기기에 화살표를 표시하는 방법을 제안 할 수 있습니다.
필자는 개인적으로 항상 '입력 (hover-focus-active)'접근 방식을 고수하고 있습니다. – Roberrrt
@Nikhil Nanjappa이 작품이 나를 위해 일했습니다. 감사합니다. –