Saltar al contenido

Cómo configurar el color de fondo IONIC 4

Esta reseña fue evaluado por expertos así garantizamos la veracidad de este escrito.

Solución:

Por alguna razón lo resolví de esta manera:

En primer lugar agregué --ion-background-color:#ffffff; en el variables.scss archivo dentro de la carpeta del tema.

En mi página scss escribí:

ion-content

    --ion-background-color:#111D12;

Después de eso, el fondo se estableció con éxito.

Voy a volver a publicar la respuesta más comentada, con una explicación adicional.

ion-content
    --ion-background-color:#111D12;

A partir de ionic 4, el componente Ionic implementa el concepto de shadowDOM, y el antiguo método de encontrar selectores css en el componente que implementa shadowDOM ya no funciona.

Como tal, cualquier modificación solo se puede realizar si cambia la variable a la que hace referencia el componente

por ejemplo, si el contenido de iones hace referencia

--ion-background-color: #ffffff

La única forma en que puede modificar el color de fondo es haciendo esto en su archivo css

ion-content
    --ion-background-color:#111D12;

Puedes usar así… funcionando bien en mi página.

ion-content
    --background: #fff url('../../assets/imgs/intro.png') no-repeat center center / cover;

Espero que te ayude 🙂

Te mostramos las reseñas y valoraciones de los usuarios

Tienes la posibilidad compartir esta reseña si te valió la pena.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *