모바일에서 hover 로 인하여 클릭시 색상 바뀌는 이슈

https://velog.io/@sangpok/Tailwind-Hover-%EB%AA%A8%EB%B0%94%EC%9D%BC%EC%97%90%EC%84%A0-%EC%A0%9C%EC%99%B8%ED%95%98%EA%B8%B0

Tailwind Hover 모바일에선 제외하기

https://velog.io/@nooroong/%EB%AA%A8%EB%B0%94%EC%9D%BC-%EC%9B%B9%EC%97%90%EC%84%9C-hover-%ED%9A%A8%EA%B3%BC-%EC%A0%9C%EA%B1%B0%ED%95%98%EA%B8%B0-uqp0511a

모바일 웹에서 hover 효과 제거하기

 

 

 

hover: 마우스 오버 =  모바일에서는 터치 후에 다른영역 터치 시 까지 유지됩니다.
active: 마우스 클릭 = 누르고있는 동안에만 유지 = 모바일에서는 터치하고 있는 동안에만 유지
focus: 각종 input 뿐아니라 tab 으로 이동하여 element 요소들이 포커스 되어있는 상태
focus-within : focus 가 되어있는 element 의 상위 요소에서 사용 =  하위요소에 포커스가 있는 경우 포커스 유무로 변화를 줄 수 있습니다.

 

 

https://ykwan0714.github.io/%ED%84%B0%EC%B9%98-%EB%94%94%EB%B0%94%EC%9D%B4%EC%8A%A4-%EB%AA%A8%EB%B0%94%EC%9D%BC%EC%97%90%EC%84%9C-hover-%EC%A0%9C%EA%B1%B0%ED%95%98%EA%B8%B0/

터치 디바이스, 모바일에서 hover 제거하기 | 잡다한 개발 이야기