Solución:
Su especificidad en el selector css no es lo suficientemente alta. El elemento TD renderizado tiene un estilo en línea en el que la propiedad de fondo se hereda, lo que anula el estilo de su clase.
¿Hay alguna razón, dado que ya tiene la lógica separada, no solo use estilos en línea para algo como esto?
<TableRowColumn style={{backgroundColor:'red', color: 'white',}}>{row[column.name]}</TableRowColumn>
Esto definitivamente está funcionando bien y lo probé.
Su otra opción sería agregar! Important a su css.
td.ae-zone {
background-color: '#e57373' !important;
color: "white" !important;
}
Creo que si tuviera que elegir, recomendaría el primero, ya que es más limpio.
No ponga comillas alrededor de los valores de color en css:
.ae-zone {
background-color: #e57373;
color: white;
}
Además, es color: white, no font: white.
¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)