마우스 오버 시 버튼 색상을 변경하는 방법: 무엇이 잘못되었으며 어떻게 해결합니까?

마우스를 올리면 버튼 색상 변경

마우스를 올리면 버튼 색상을 수정하려고 하는데 제공된 코드가 제대로 작동하지 않습니다. 예상됩니다.

문제:

공유한 코드에는 선택기 a.button a:hover가 포함되어 있습니다. 이 선택기는 클래스 버튼이 있는 요소 내에 있는 링크()를 대상으로 합니다. 그러나 이 맥락에서는 버튼 안의 링크가 아닌 버튼 자체를 선택해야 합니다.

해결책:

마우스를 올렸을 때 버튼 색상을 올바르게 변경하려면, 대신 a.button:hover 선택기를 사용하세요. 이 선택기는 클래스 버튼 위로 마우스를 가져갈 때 클래스 버튼이 있는 버튼 요소를 대상으로 합니다.

업데이트된 코드:

기존 코드를 다음으로 바꿉니다.

<code class="css">a.button {
  /* Button styles */
}

a.button:hover {
  background: #383;
}</code>

위 내용은 마우스 오버 시 버튼 색상을 변경하는 방법: 무엇이 잘못되었으며 어떻게 해결합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!