-1
votes

Couleur de fond du corps primordial dans l'angulaire 7

J'ai essayé de remplacer le corps de fond de ma connexion et d'enregistrer des composants mais cela ne fonctionne pas J'ai essayé d'ajouter un div avec une classe CSS définissant sa couleur d'arrière-plan, mais la partie inférieure de la page n'est pas réglée sur la couleur que j'ai choisie. J'apprécierais toute suggestion de la meilleure façon de le résoudre.

  .login-page{
    height: 100% !important;
    background-color: #e40134 !important;
   }

angular css

1 commentaires

Que voyez-vous lors de l'inspection du composant dans la console du navigateur? Qu'est-ce qui écrase la couleur de fond ci-dessus?

4 Réponses :

1
votes

Utilisez encapsulation forte> à la clé @component strong> xxx pré>

et utilisez :: ng-profond kbd> dans CSS => https://blog.angular-university.io/angular-host-context / p>

Par exemple: P>

::ng-deep .login-page {
    height: 100% !important;
    background-color: #e40134 !important;
}

0 commentaires

0
votes

Essayez avec

  .login-page{
    height: 100vh !important;
    background-color: #e40134 !important;
   }

0 commentaires

0
votes

Je pense que c'est en fait un problème, car votre marge a une marge par défaut.

donc dans styles.scss , je vais simplement ajouter ceci: xxx



                                                                    
                                    
                                    
                                        0 commentaires


                        
                                            
                            
                                
                                    1
 votes
                                
                            
                            
                                
                                     Si vous souhaitez modifier la classe de corps dans certains composants, vous utilisez Ngoninit et Ngondestroy  xxx  pré> 
 et  p>  xxx  pré> 
 le  New-Body-Class  Code> peut être une classe définie dans  styles.css  code> ou que vous pouvez utiliser  affectation affichant.none  code>. Soyez prudent,  affectation afficécapsulation.none  code> fait que les .CS du composant sont communs à toutes les applications, donc si vous écrivez, par exemple  P> 
h5{color:red}
.new-body-class{
   background-color: #e40134;
}

                                

                                                                    
                                    
                                    
                                        0 commentaires