CSS gehoverte Zeile bzw. spalte hervorheben?

1 Antwort

Verwenden Sie die ":hover"-Pseudoelemente für das "<tr>"-Tag Ihrer Tabelle.

https://developer.mozilla.org/de/docs/Web/CSS/:hover

Die :hover CSS  Pseudoklasse wird verwendet, wenn der Nutzer einen Link auswählt, auch ohne ihn zu aktivieren.

CSS

.my-table tr:hover {
	background: #ccc;
	color: red;
}

HTML

<table class="my-table">
	<tr>
		<td>1</td>
		<td>Eins</td>
	</tr>
	<tr>
		<td>2</td>
		<td>Zwei</td>
	</tr>
	<tr>
		<td>3</td>
		<td>Drei</td>
	</tr>
</table>

Woher ich das weiß:Beruf – Ich erstelle Wordpress-Themes, Plugins und Online-calculator
 - (Computer, CSS, HTML Tabelle)

Was möchtest Du wissen?