터치 스크린 CSS 가상 클립 문제

나는 button 엘리먼트보다 매우 단순한 CSS를 가지고있다. 여기있다 : 나는 모니터 터치 (DELL P2314T)를 사용하는 경우 나의 button 마우스로하지만, .button:active이 적용되지 않습니다 클릭하면터치 스크린 CSS 가상 클립 문제

이

.button { 
    background-color: #5266ed; 
    transition-duration: 0.1s; 
} 

.button:active { 
    background-color: #6fa0ed; 
}

그것은 완전히 잘 작동합니다. 어떻게 해결할 수 있습니까?

출처

2016-11-16 JustLogin

모든 터치 이벤트에 대해 처리기를 사용해 시도 할 수 있습니다. 터치 장치의 터치 지연 때문에 작동하지 않는다고 생각합니다.

몸이 추가 :

<body ontouchstart=""> 

</body>

출처

2016-11-16 13:53:49

CSS로만 가능하지 않습니까? 또한 처리기 트리거를 즉시 클릭하십시오. – JustLogin

나는 알고있다. ': hover'는 작동하지만 클릭 한 후에 색상을 선택 해제하지 않습니다. –

것은 어쩌면 : 초점 기능이 밖으로 당신의 방법입니다. 터치 스크린의 경우 호버가 작동하지 않기 때문에

출처

2016-11-16 14:18:49 dutchsociety

탭이나 클릭이 끝날 때 새 탭이나 클릭까지 ': 초점'이 사라지지 않습니다. – JustLogin

터치 스크린 CSS 가상 클립 문제

답변

관련 문제