Quiero aplicar CSS personalizado en lightning:tab of lightning:tabset Intenté usar CSS en línea, CSS externo pero no hubo suerte, quiero una forma de verificar a continuación:
(Se utiliza para crear una sección de pestañas que está resaltada)
.THIS li:nth-child(2) { background-color: dodgerblue !important; color: white !important; height:1.5rem; cursor: no-drop !important; pointer-events: none; } .THIS li:nth-child(7) { background-color: dodgerblue !important; color: white !important; height:1.5rem; cursor: no-drop !important; pointer-events: none; } .THIS li:nth-child(12) { background-color: dodgerblue !important; color: white !important; height:1.5rem; cursor: no-drop !important; pointer-events: none; } .THIS li:nth-child(15) { background-color: dodgerblue !important; color: white !important; height:1.5rem; cursor: no-drop !important; pointer-events: none; }Esto funcionó, de todos modos, necesito otra solución, ya que obtengo pestañas dinámicamente, puede haber "n" número de pestañas . ¡y actualizar el CSS en cada inserción/eliminación de pestañas es miseria!
Por favor, hágamelo saber si alguien tiene alguna solución.
¡Muchas gracias de antemano!
Si tiene que usar !important en su CSS, tal vez sus archivos .css estén incluidos en el orden incorrecto. consulte la sección elemento/estilo en las herramientas de desarrollo de su navegador y encuentre los archivos que anulan el estilo de sus tablas.