호버 색상 변경을 위해 버튼을 올바르게 타겟팅하는 방법은 무엇입니까?

호버 버튼 색상을 효과적으로 변경하는 방법

버튼 위에 마우스를 올렸을 때 색상을 수정하려면 다음 단계를 따르세요.

"a.button a:hover"가 마우스로 가리키고 있는 버튼 내의 링크를 대상으로 하기 때문에 제공된 코드가 작동하지 않습니다. 대신 "a.button:hover"를 사용하여 버튼에 마우스를 올렸을 때 해당 버튼을 직접 타겟팅하세요.

수정된 코드는 다음과 같습니다.

a.button {
  display: -moz-inline-stack;
  display: inline-block;
  width: 391px;
  height: 62px;
  background: url("img/btncolor.png") no-repeat;
  line-height: 62px;
  vertical-align: text-middle;
  text-align: center;
  color: #ebe6eb;
  font-family: Zenhei;
  font-size: 39px;
  font-weight: normal;
  font-style: normal;
  text-shadow: #222222 1px 1px 0;
}
a.button:hover {
  background: #383;
}

이 수정을 통해 버튼에 마우스를 올렸을 때 버튼의 색상이 성공적으로 변경됩니다. 끝났습니다.

위 내용은 호버 색상 변경을 위해 버튼을 올바르게 타겟팅하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!