작은 프로그램의 단추를 누르는 스타일(button-hover)은 왜 작동하지 않습니까?

위챗 애플릿의 button에서 다음 클래스를 지정할 수 있습니다. 예를 들어:


기본 클래스 이름은 button-hover이기 때문에 위의 클래스 정의는 생략할 수 있습니다.
공식 개발 문서에 따르면 wxss에서 클래스 스타일을 정의하면 버튼이 누르는 스타일을 사용자 정의할 수 있습니다.그러나 나는 개발 중에 직접 이렇게 쓰는 것이 효과가 없다는 것을 발견했다.
.button-hover {
  background-color: grey;
}

검사한 결과 button이 배경색을 사용자 정의했고 스타일 선택에 영향을 미쳤기 때문입니다. button의 스타일은 다음과 같습니다.
.wrap button {
  background-color: green;
}

따라서 hover 선택기를 수정하면 됩니다.
.wrap button.button-hover {
  background-color: grey;
}

좋은 웹페이지 즐겨찾기