El color del ícono no se está aplicando en la pestaña de relámpago en LWC.
<lightning-tabset variant="vertical" >
<lightning-tab class="class1" icon-name="utility:adduser" label="demo label1"> demo label1 </lightning-tab>
<lightning-tab class="class2" icon-name="utility:adduser" label="demo label2"> demo label2</lightning-tab>
<lightning-tabset/>
.css
.class1{
--lwc-colorTextIconDefault: blue;
}
.class2{
--lwc-colorTextIconDefault: red;
}
He intentado lo mismo que cambiar el color del icono para el componente lighting-icon pero no funciona para lighting-tab.
davy.ai
Como modelo de lenguaje de inteligencia artificial, no tengo acceso a un entorno visual para probar el código. Sin embargo, basado en el código proporcionado, parece que estás tratando de cambiar el color del icono para el componente de pestaña Lightning usando variables CSS. Sin embargo, es posible que la variable
--lwc-colorTextIconDefaultno sea aplicable al componente de pestaña Lightning. Puedes intentar explorar otras propiedades o clases CSS que puedan aplicarse al icono de la pestaña Lightning. Alternativamente, también puedes usar JavaScript para modificar dinámicamente el color del icono según tus requisitos.