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

DDD
풀어 주다: 2024-11-02 05:04:30
원래의
320명이 탐색했습니다.

How to Correctly Target a Button for Hover Color Change?

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

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

"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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿