각 재료 버튼을 배경 색상 변경되지 않는 적용에 css

Question 1

내가 개발하는 샘플에서 프로젝트 모 13 에서는 내가 사용되는 각 재료 테마입니다. 에서의 구성요소가 사용되는 재료에 대한 버튼 로그아웃 확인을 대화 창고 나는 변경 버튼을 배경 색상 백색에서 css 로 그러나 때 나는 프로젝트 실행 그것은 아직도 기본값을 표시합 회색 색깔을 적용한 후에도 css. 방법은 없을 강제로 변화 각 재료 색상이기 때문에 하나는 내가 사용한 작동하지 않습니다.

아래 코드는 파일에 대한 더 나은 이해

logout-dialog.component.html

<h1 mat-dialog-title class="logout-heading">Logout</h1>
<div mat-dialog-content>
  <p class="message">Are you sure you want to logout ?</p>
</div>
<div mat-dialog-actions class="buttons-div">
  <button mat-button class="cancel" (click)="cancel()">Cancel</button> //THIS BUTTON SHOULD HAVE WHITE BACKGROUND
  <button mat-button class="logout" (click)="logout()">Ok</button>
</div>

로그아웃을 대화.구성 요소입니다.css

.cancel {
  border: 1px solid #3f51b5;
  color: #3f51b5;
  background-color: #fff !important;
}

이미지

모든 솔루션을까요?

Question 2

하고 스타일에 styles.css 파일

Question 3

할 수 있습니오 inline-css

<h1 mat-dialog-title class="logout-heading">Logout</h1>
<div mat-dialog-content>
  <p class="message">Are you sure you want to logout ?</p>
</div>
<div mat-dialog-actions class="buttons-div">
  <button style="background-color: #fff !important;" mat-button class="cancel" (click)="cancel()">Cancel</button>  //my changes
  <button mat-button class="logout" (click)="logout()">Ok</button>
</div>

Question 4

어쩌면 당신은 사용하실 수 있습니다 ::ng-deep 선택

::ng-deep button.cancel {
  border: 1px solid #3f51b5;
  color: #3f51b5;
  background-color: #fff !important;
}

Kibé M.C · Answer 1 · 2021-11-24T09:23:52

0

하고 스타일에 styles.css 파일

Kibé M.C

2021-11-24 09:23:52

안녕 Kibe M.C 했 배치에서는 스타일입니다.css 하지만 일하지 않는

Mohit Kumar Sharma

도 검사 특정 요소에 의해 눌러 ctrl+shift+i 귀하의 브라우저에 적용하는 당신의 CSS 니다.

Kibé M.C

안녕 Kibé M.C,나는 그것을 검사 하여 적용되는 색상에서 css 지만에 브라우저

Mohit Kumar Sharma

Dako patel · Answer 2 · 2021-11-24T09:29:20

할 수 있습니오 inline-css

<h1 mat-dialog-title class="logout-heading">Logout</h1>
<div mat-dialog-content>
  <p class="message">Are you sure you want to logout ?</p>
</div>
<div mat-dialog-actions class="buttons-div">
  <button style="background-color: #fff !important;" mat-button class="cancel" (click)="cancel()">Cancel</button>  //my changes
  <button mat-button class="logout" (click)="logout()">Ok</button>
</div>

안녕가 ダッコ 에서 집착할 patel 인라인 css 적용되지만 그것은 작동하지 않는

Farith Adnan · Answer 3 · 2021-11-25T04:29:37

어쩌면 당신은 사용하실 수 있습니다 ::ng-deep 선택

::ng-deep button.cancel {
  border: 1px solid #3f51b5;
  color: #3f51b5;
  background-color: #fff !important;
}

안녕 Farith Adnan,려고 했지만 그것은 작동하지 않았지만

각 재료 버튼을 배경 색상 변경되지 않는 적용에 css

질문

다른 언어로

이 페이지는 다른 언어로되어 있습니다

이 카테고리에서 인기

인기 있는 질문에 이 카테고리