Pregunta

Tengo esta propiedad de estilo en mi archivo CSS:

.table tbody tr:hover th,
.table tbody tr:hover td { background: #d1e5ef; }

Me gustaría eliminar esta vía jQuery, ¿cómo voy a ir haciendo esto? Probé removeClass y attr, pero no funciona.

¿Fue útil?

Solución

Es necesario añadir un poco más de css para hacer este trabajo:

.table tbody tr:hover th,
.table tbody tr:hover td { background: #d1e5ef; }

.table tbody tr.no-hover:hover th,
.table tbody tr.no-hover:hover td { background: inherit; }

Se podría añadir el .no-hover clase utilizando $(selector).addClass('no-hover'). Esto estilo de ellos de manera diferente que las otras definiciones :hover que tiene. Puede que tenga que utilizar un color explícito para hacer este trabajo.

Otros consejos

Hay que trabajar alrededor de eso, porque jQuery no soporta pseudo-clases. Para obtener más información, consulte http: //forum.jquery. com / tema / desactivación de-la-asomar-estado-de-uno-hipervínculo

que define el estilo de objeto no mediante el uso de la clase así que obviamente no puede eliminarlos.

su alguna opción que puede utilizar

añadir una clase a td como

1 .class1{ background: transparent;}

cuando se agrega esta clase a través de jQuery que es un trabajo voluntad

2 cambio del color a través de jQuery

$('table tr td').css('background-color','transparent')

probar esta opción y la cosa que va a trabajar.

añadir a clase y estilo td ella, no la propia etiqueta y luego usar removeClass() o añadir clases en hover()

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top