0
162
VisualizaçõesEliminar la hoja de estilo solo dentro de la ventana de la aplicación de reacción
La imagen describirá mejor esto:
zona de pruebas de código: https://codesandbox.io/s/annoying-stylesheet-2gpejc?file=/public/index.html
Estoy escribiendo la aplicación React dentro de la aplicación que no es de reacción y sus estilos interfieren con los estilos de mi aplicación React.
¿Cómo sobrescribo la hoja de estilo bootstrap-enterprise.css solo para la región de mi aplicación React sin anular el resto del estilo para el resto de la página (la barra superior de la aplicación es de ellos)
Editar:
.App { all: revert; }funcionó inicialmente, pero luego lo probé en mi caso de uso real (anulando el componente de estilo Mui Textfield) y no funcionó. Edité los códigos y la caja para el caso exacto.
1 Respostas
Responde à pergunta0
Dado que su aplicación React está separada del resto de la aplicación, puede usar la propiedad all css para restablecer todos los estilos dentro de su aplicación React antes de escribir el suyo:
/* Affect all the elements under .App */ .App * { all: unset } En su codesandbox, agregarlo en la parte superior de su styles.css parece funcionar bien.