कोणीय सामग्री बटन पृष्ठभूमि रंग नहीं बदलने पर लागू सीएसएस

Question 1

मैं विकसित कर रहा हूँ एक नमूना परियोजना में कोणीय 13 में जो मैं का इस्तेमाल किया है, कोणीय सामग्री विषय है । में घटकों में से मैं का इस्तेमाल किया है सामग्री के लिए बटन लॉगआउट पुष्टिकरण संवाद खिड़की और मैं बदल दिया है, बटन पृष्ठभूमि रंग के लिए सफेद में सीएसएस लेकिन जब मैं चलाने की यह परियोजना अभी भी पता चलता है डिफ़ॉल्ट ग्रे रंग लगाने के बाद भी सीएसएस. वहाँ किसी भी तरह से मजबूर करने के लिए बदल कोणीय सामग्री रंग, क्योंकि एक मैं का इस्तेमाल किया है, काम नहीं कर रहा है.

नीचे कर रहे हैं कोड फ़ाइलें बेहतर समझ के लिए

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>

लॉगआउट-संवाद.घटक है । सीएसएस

.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 एम सी और मैं रखने की कोशिश की यह शैली में है । सीएसएस लेकिन काम नहीं करता है

Mohit Kumar Sharma

कोशिश निरीक्षण है कि विशेष तत्व दबाकर ctrl+shift+i अपने ब्राउज़र पर, और लागू करने के अपने सीएसएस ।

Kibé M.C

हाय Kibé एम सी , मैं करने की कोशिश की यह निरीक्षण, यह लागू किया रंग में सीएसएस लेकिन नहीं पर ब्राउज़र

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>

हाय Dako पटेल इनलाइन सीएसएस लागू किया, लेकिन यह काम नहीं कर रहा है

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 अदनान, मैं करने की कोशिश की लेकिन यह काम नहीं किया है हालांकि

कोणीय सामग्री बटन पृष्ठभूमि रंग नहीं बदलने पर लागू सीएसएस

सवाल

अन्य भाषाओं में

यह पृष्ठ अन्य भाषाओं में है

इस श्रेणी में लोकप्रिय

लोकप्रिय सवाल इस श्रेणी में