Ich versuche, die Farbe einer Zeile einer Tabelle bei Hover zu ändern. mit Zeile: Hover, aber auf diese Weise ist es nur eine perticular Zelle schweben, die offensichtlich ist. aber wenn ich versuche, row cell: hover
zu verwenden, dann hat es keine Wirkung. Das ist mein HTML.Wie ändere ich die Farbe einer Zeile einer Tabelle bei Hover
JSfiddle: https://jsfiddle.net/f4ojhxco/2/
<div id="table">
<div class="header-row row">
<span class="cell">SI. No.</span>
<span class="cell">Application Date</span>
<span class="cell">Customer Name</span>
<span class="cell">Loan Amount</span>
<span class="cell">Loan Status</span>
<span class="cell">Action</span>
</div>
<div class="row" *ngFor="let item of customerList ; let i= index;">
<input type="radio" name="expand">
<span class="cell" data-label="SI. No.">{{i+1}}</span>
<span class="cell" data-label="Application Date">{{item.date}}</span>
<span class="cell" data-label="Customer Name">
{{item.name}}</span>
<span class="cell" data-label="Loan Amount">{{item.amount}}</span>
<span class="cell" data-label="Loan Status">{{item.status}}</span>
<span class="cell" data-label="Action">
<a href="https://www.w3schools.com">More Details</a>
</span>
</div>
</div>
Arbeitsbeispiel in Code-Stift oder Geige hinzufügen. – kmg
https://jsfiddle.net/f4ojhxco/2/ –