2016-12-12 2 views
3

태블릿 및 스마트 폰과 같은 터치 스크린이있는 기기에서 CSS 호버는 무엇이며 동급입니까? 내 컨베이어에 화살표를 표시하려고합니다. 바탕 화면에서 마우스를 올리면 사용할 수 있지만 커서를 놓을 때 커서를 사용할 필요가 없습니다.모바일 AP 용 호버와 동일합니다.

답변

3

과 함께 :active 선택자를 사용하십시오.

:active 선택자는 :hover 선택 자 다음에 호출되어야합니다. 클릭 이벤트처럼 -

.button:hover, .button:active{ 
    background-color: red; 
} 
+0

필자는 개인적으로 항상 '입력 (hover-focus-active)'접근 방식을 고수하고 있습니다. – Roberrrt

+0

@Nikhil Nanjappa이 작품이 나를 위해 일했습니다. 감사합니다. –

1

나는 기본적으로 다르게, 디바이스 호버 효과가없는 터치하거나 적어도 그들은 "치료"믿습니다.

예 : 데스크톱 컴퓨터의 호버 위에 드롭 다운 메뉴가있는 경우 모바일 터치 장치를 클릭하면 자동으로 드롭 다운 메뉴가됩니다.

현재 문의 사항으로 최대 폭이 1200px 미만인 기기에 화살표를 표시하는 방법을 제안 할 수 있습니다.