Estoy usando una biblioteca externa en reaccionar llamada "arrastrar y soltar archivos". Esta biblioteca solo permite agregar niños al componente y diseñarlos.
Mi problema es que el estilo de componente de la biblioteca "el padre" tiene elementos de estilo innecesarios, y solo puedo modificar los hijos y cambiar su estilo dentro del elemento padre. Sin embargo, no puedo cambiar el estilo del elemento en sí.
Mi pregunta es, ¿hay alguna manera de actualizar el estilo del componente principal aunque no haya acceso directo a él?
Inspeccione los elementos html con su navegador. Y puede cambiar los estilos en su style.css usando clases o elementos o ids que inspeccionó.
lo siento, no tengo suficiente representante para un comentario, pero creo que si puede obtener el nombre del elemento principal y si usa componentes con estilo ( https://styled-components.com/ )
simplemente puede anular el estilo de los elementos creando una versión con estilo.
por ejemplo, un Avatar de mui sería anulado por
const StyledAvatar = styled(Avatar)` background-color: black; color: white; `;Sin embargo, aún necesitaría importar el elemento.
un elemento normal (div por ejemplo) podría diseñarse haciendo lo siguiente:
const StyledDiv = styled.div` background-color: black; color: white; `;Espero que esto ayude.
Editar: para usar sus propios componentes con estilo, no olvide exportarlos :)