Resalte la fila seleccionada usando css

Question

Cómo podemos resaltar la fila seleccionada en una tabla usando css. ¿Hay alguna forma de hacer eso?

Answer 1

tr { background: sky-blue-pink } /* Use a real colour */ 
tr * { background: transparent; } 

donde tr es un selector más específico para indicar cualquier condición que tenga en el DOM para representar 'selected'. Esto probablemente será un selector de clase: tr.selected

Answer 2

Sólo hay que hacer algo como:

tr:hover { background: #FCF; } 

Ver this ejemplo.

Answer 3

Suponiendo que por "seleccionado" quiere decir "aleteaba por encima de por el ratón":

tr:hover {background-color: #FF0000} 

También se puede destacar con cosas como 'font-weight: bold', 'color: # FF000', etc. .

Answer 4

parte

CSS:

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

apply class = "rowHover" on the table 

aplausos !!!