[CSS] 모바일에서 터치 이후 hover css 적용되는 문제

css에서 :hover를 사용해서 적용하면 마우스 오버했을때와, 모바일에서 터치했을 때 효과가 적용된다.

하지만 모바일에서는 추가적으로 다른 곳을 터치하지 않는 이상 저 효과가 지속되어 생각한대로 적용되지 않는 문제가 발생한다.

이 부분을 해결하기 위해 검색하다 나온 부분이 있어 이를 메모해 놓는다.

@media (hover: hover) and (pointer: fine) {
      a:hover { color: red; }
}

Leave a Comment