마우스를 올리면 버튼 색상 변경
마우스를 올리면 버튼 색상을 수정하려고 하는데 제공된 코드가 제대로 작동하지 않습니다. 예상됩니다.
문제:
공유한 코드에는 선택기 a.button a:hover가 포함되어 있습니다. 이 선택기는 클래스 버튼이 있는 요소 내에 있는 링크()를 대상으로 합니다. 그러나 이 맥락에서는 버튼 안의 링크가 아닌 버튼 자체를 선택해야 합니다.
해결책:
마우스를 올렸을 때 버튼 색상을 올바르게 변경하려면, 대신 a.button:hover 선택기를 사용하세요. 이 선택기는 클래스 버튼 위로 마우스를 가져갈 때 클래스 버튼이 있는 버튼 요소를 대상으로 합니다.
업데이트된 코드:
기존 코드를 다음으로 바꿉니다.
<code class="css">a.button {
/* Button styles */
}
a.button:hover {
background: #383;
}</code>위 내용은 마우스 오버 시 버튼 색상을 변경하는 방법: 무엇이 잘못되었으며 어떻게 해결합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
