0

page-home{

}

.titulo{
    float: right;
    font-size: 15px;
}
.tapiz{
    background-color: #000000 !important;
}
<ion-header>
  <ion-toolbar>
    <ion-title>
      <img src="assets/icon/logo.png" width="130">
      <p class="titulo">Texto</p>
    </ion-title>
  </ion-toolbar>
</ion-header>

<ion-content padding class="tapiz">

</ion-content>

Les dejo mi home.page.html y mi home.page.scss, el estilo de mi titulo si lo agarra pero el background no, cuando inspecciono el elemento en google chrome me doy cuenta que esta esta linea.... background: var(--ion-background-color,#fff); */... y cuando la desactivo, ya me cambia mi fondo al negro como lo quiero, pero no se donde esta alojado ese estilo. Espero me puedan ayudar, gracias

1
  • ¿qué componente es el que tiene el css que desactivas?
    – Alvaro Montoro
    Commented el 17 nov. 2018 a las 12:53

1 respuesta 1

0

ionic usa sass y como estas usando un componente llamado page-home, todo el sass aplicado a el va entre sus llaves, la forma correcta seria :

page-home{

  .titulo{
    float: right;
    font-size: 15px;
  }
  .tapiz{
    background-color: #000000 !important;
  }

}

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.