0
244
VistasMaterial UI v5 - Anulación de estilo de pestañas
Estoy tratando de anular el estilo MuiTabs, más específicamente flexContainer (.MuiTabs-flexContainer). Primero, ¿alguien puede explicarme qué representan exactamente estos ".css-heg063" frente al selector? ¿Esto es algo de componentes con estilo incorporado con MUI o? Antes de actualizar la versión de MUI, no los he visto. En segundo lugar, en mi archivo theme.ts quiero que mi contenido se flexione, pero esto no se aplica a mi aplicación en absoluto. ¿Qué está mal con mi código?
1 Respuestas
Responde la pregunta0
Respuesta corta:
No puede simplemente usar las propiedades del cuadro flexible porque esto provocará la mala ubicación del indicador activo.
Se puede lograr con la propiedad de margen simple
margin-left: 'auto';Demostración: https://codesandbox.io/s/material-demo-forked-y1278?file=/demo.js
Respuesta larga:
Solo piense .css-heg063 como un código generado por su analizador ( babel en la mayoría de los casos) para identificar de manera única el CSS que escribió en diferentes fragmentos (archivos, módulos o preprocesadores).
Por ejemplo: si tiene el mismo nombre de selector de css escrito en dos archivos diferentes con diferentes propiedades de css. desea utilizar ambos en diferentes lugares. Parser antepone un ID/hash/número único al nombre de la clase para identificarlo sin ningún esfuerzo adicional del desarrollador.