기사 소개：터치 장치에서 CSS를 사용하여 호버 효과를 추가하면 요소가 고정됩니다. 이 기사에서는 이 문제를 해결하는 방법을 알려줄 것입니다. 터치 장치에서는 호버 효과가 없으므로 버튼이 원래 상태로 유지됩니다. JavaScript를 사용하지 않는 경우: CSS의 미디어 쿼리 기능을 사용하면 이 문제를 해결할 수 있습니다. 지원되는 장치 호버는 "hover:hover" 요구 사항과 일치하는 장치입니다. 다음 CSS가 이러한 장치에만 추가되도록 하려면 이 조건과 함께 미디어 쿼리를 사용하세요. 호버를 지원하는 장치만 터치 장치에서 호버 효과를 볼 수 없습니다. 이 위에 마우스를 올리면 추가된 호버 효과 버튼을 볼 수 있으며 배경색이 변경됩니다. 여기에서는 H의 JavaScript를 사용합니다.
