J'ai une page avec beaucoup de cartes de bootstrap. Lorsque je tiers sur la carte, je veux que la couleur de l'icône soit blanche plutôt que black. J'ai essayé différentes méthodes mais je ne pouvais pas réussir. J'ai ajouté une classe comme .fa-calendrier: Survolez, j'ai essayé avec Fa: planer mais je ne pouvais pas réussir
Celles-ci sont mon codépen
3 Réponses :
Pour être plus spécifique, vous pouvez survoler le nom de la classe. Vous avez besoin d'une propriété de route et après cela ajoutez le nom de la classe.
.wrap:hover .fa{
color:#FFF;
}
Si vous souhaitez que la couleur de toute l'icône soit identique sur HOVER, vous pouvez utiliser l'exemple de la classe
Exemple: sinon, vous pouvez utiliser ID et puis changez la couleur
Ceci est en raison de la couleur que vous avez définie pour lorsque vous survolez chaque case, l'élément principal principal qui obtient: le survol est: la classe voici le Mise à jour de la liaison de stylo .mbr-iconfont . / code> classe. Vous ne pouvez pas changer de couleur de .mbr-iconfont: survolez car l'utilisateur peut survoler sur d'autres parties de la boîte (par exemple, le texte ou le titre ou les marges ...). Donc, vous devez définir votre style de vol stationnaire pour l'élément parent .wrap comme dans la suivante:
Voir aussi cette question: élément enfant de style lorsque vous survolez sur le parent
comme ça ? Codepen.io/anon/pen/gzqvxe