Wie ändere ich die Farbe der Bootstrap Warning Klasse Tabellenzeile

Question

Ich bin neu in Bootstrap und CSS und einige Probleme mit der Färbung von Tabellen. Ich habe eine Tabelle wie diese mit einigen Zeilen, die die Klasse Warnung haben:

<table class="table table-bordered grocery-crud-table table-hover"> 
<thead> 
<tbody> 
<tr class="warning"> 
<tr> 
<tr> 
</tbody> 
</table> 

Wie ändere ich die Farbe der Zeilen mit der Warnungsklasse? Ich habe Folgendes versucht, aber es funktioniert nicht.

.warning { 
     background-color:#76A0D3; 
    } 

Answer 1

In Ihrem Fall die td ‚s Farbe deckt die tr

table tr td { 
 
    padding: 20px; 
 
    background: transparent !important; 
 
} 
 
.warning { 
 
    background: #76A0D3; 
 
}

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" /> 
 
<table class="table table-bordered grocery-crud-table table-hover"> 
 
    <tbody> 
 
    <tr class="warning"> 
 
     <td> 
 
     Hey 
 
     </td> 
 
    </tr> 
 
    </tbody> 
 
</table>

Wenn Sie es auf der td legen Sie es als

table tr td { 
 
    padding: 20px; 
 
} 
 
.warning { 
 
    background: #76A0D3 !important; 
 
}

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" /> 
 
<table class="table table-bordered grocery-crud-table table-hover"> 
 
    <tbody> 
 
    <tr> 
 
     <td class="warning"> 
 
     Hey 
 
     </td> 
 
    </tr> 
 
    </tbody> 
 
</table>

Answer 2

versuchen, diese CSS:

AKTUALISIERT

table.table.table-hover tr.warning, 
table.table.table-bordered tr.warning, 
table.table.grocery-crud-table tr.warning{ 
    background-color:#76A0D3; 
} 

Demo: https://jsfiddle.net/hLbu0hov/

Answer 3

hinzufügen wichtig background-color:

.warning{ 
    background-color:#76A0D3 !important; 
}