메뉴 구성 요소에서 마우스를 가져갈 때 버튼의 아이콘 및 텍스트 색상을 변경하려면
PGH
내 프로젝트에서 아이콘 구성 요소가있는 메뉴를 사용 하고 있습니다. 마우스로 메뉴 항목을 가리키면 (예 : 편집) 텍스트와 아이콘 색상을 모두 변경 하고 싶습니다.
하지만 마우스 호버 시 배경색 만 제공 할 수 있지만 마우스 호버시 텍스트 색상 을 변경할 수 없습니다 .
나는 색깔을 주려고했다 :! important; 또한 여전히 결과가 없습니다.
다음은 stackblitz 링크입니다.
리브 니 말카
다음과 같이 코드를 사용하십시오.
.mat-menu-item:hover{
background-color:grey;
color: purple;
}
.mat-menu-item:hover .mat-icon{
color: purple;
}
산출:
여기를 참조하십시오 : https://stackblitz.com/edit/angular-gytsqs-hh8mtq?file=app/menu-icons-example.html
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
에서 수정
관련 기사
TOP 리스트
- 1
PrematureCloseException : 연결이 너무 일찍 닫혔습니다.
- 2
MDRotatingPieChart를 회전하면 각도 대신 x / y 위치가 변경됩니다.
- 3
c # 웹 사이트에서 텍스트를 복사하는 방법 (소스 코드 아님)
- 4
jfreecharts에서 x 및 y 축 선을 조정하는 방법
- 5
ArrayBufferLike의 typescript 정의의 깊은 의미
- 6
Ionic 2 로더가 적시에 표시되지 않음
- 7
복사 / 붙여 넣기 비활성화
- 8
Google Play Console에서 '예기치 않은 오류가 발생했습니다. 나중에 다시 시도해주세요. (7100000)'오류를 수정하는 방법은 무엇입니까?
- 9
정점 셰이더에서 카메라에서 개체까지의 XY 거리
- 10
QT Designer를 사용하여 GUI에 이미지 삽입
- 11
java Apache POI Word 기존 테이블 셀 스타일 및 서식이있는 행 삽입
- 12
Kubernetes Horizontal Pod Autoscaler (HPA) 테스트
- 13
Android Kotlin은 다른 활동에서 함수를 호출합니다.
- 14
C # HttpWebRequest 기본 연결이 닫혔습니다. 전송시 예기치 않은 오류가 발생했습니다.
- 15
어떻게 같은 CustomInfoWindow 다른 이벤트를 할 수 있습니다
- 16
rclone으로 원격 디렉토리의 모든 파일을 삭제하는 방법은 무엇입니까?
- 17
dataSnapShot.getValue () 반환 데이터베이스에 그겁니다 데이터 종료 널 (null)
- 18
ORA-12557 TNS : 프로토콜 어댑터를로드 할 수 없습니다
- 19
JNDI를 사용하여 Spring Boot에서 다중 데이터 소스 구성
- 20
다음 컨트롤이 추가되었지만 사용할 수 없습니다.
- 21
C # Asp.net 웹 API-JSON / XML 변환기 API 만들기
몇 마디 만하겠습니다