Cómo crear una tabla SIN colores de filas alternados cuando se utiliza el marco CSS de Blueprint?

Question

El marco CSS de Blueprint hace que todas las filas de la tabla de colores alternos de forma predeterminada. ¿Cómo deshabilitar este comportamiento para una tabla?

Traté de usar las Herramientas del desarrollador de Chrome para ver todos los estilos que Chrome usa para una tabla definida, pero no encontré el estilo que establecería los colores para las filas. También busqué en Internet y no encontré una solución. Es como magia ...

¿Alguien puede ayudarme?

Answer 1

Es necesario un selector más específico para anular ... BP es bastante general, sin embargo por lo que no debería ser un problema, por ejemplo:

table.no-zebra tbody tr:nth-child(even) td, 
table.no-zebra tbody tr.even td { 
    background: transparent; 
} 

puede reemplazar transparente con cualquier color para que todas las filas tengan un color sólido.

Answer 2

Posiblemente buscar y eliminar (De screen.css)

tbody tr:nth-child(even) td, tbody tr.even td {background:#e5ecf9;} 

Answer 3

acabo harían anular en mi propio archivo CSS

tbody tr: nth-child (incluso) td, tbody tr.even td {background: none;}

Answer 4

Esto es lo que he puesto en la parte superior de mi archivo CSS para deshabilitar el color de fondo de las filas de mesas uniformes de Blueprint.

table tr:nth-child(even) td { 
    background: transparent; 
}