0

Estoy usando Ionic y necesito cambiar la propiedad color de un div (class="calendar-days-of-week") que se encuentra dentro de un shadow-root. Este div es parte de un componente nativo de Ionic por tanto yo no puedo modificarlo como tal.

He probado con los selectores :host, :host() y :host-context() pero sin suerte,

lo último que he probado es

:host(ion-datetime) .calendar-days-of-week {
    color:white;
  } 

y llevo ya un buen rato buscando información pero no llego a entender como puedo modificar (si puedo) este div del shadow-dom.

Dejo capturas de pantalla. Gracias de antemano!!

Div a modificar

Propiedades CSS

3
  • Ya probaste con esto ???? div.calendar-days-of-week { color: white; }
    – DEVX75
    Commented el 20 abr. 2022 a las 6:56
  • Si, ya probé! Y no me funciona
    – DevGuzman
    Commented el 20 abr. 2022 a las 7:02
  • en herramientas de desarrollador para css, puedes sobre esa clase que te preguntaba si probaste, agregarle !important antes del punto y coma, a ver si lo aplica
    – DEVX75
    Commented el 20 abr. 2022 a las 7:13

1 respuesta 1

0
div.calendar-days-of-week { 
     color: white !important; 
}

EDITADO: Lo anterior no funciona debido al shadow dom.

Revisando en otras respuestas, encontré esta similar en ionic con shadow dom, requiere hacerlo via JS.

https://stackoverflow.com/a/54855079/12644778

1
  • No lo había probado pero tampoco funciona... gracias!
    – DevGuzman
    Commented el 20 abr. 2022 a las 7:20

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.