Twitter Bootstrap - Comment obtenir le gris glyphicon
Je suis en utilisant twitter bootstrap et j'ai une question sur le glyphicon utilisés dans leur page d'accueil. Pour référence, prenez la Base de CSS de la page: http://twitter.github.com/bootstrap/base-css.html
Sur le côté gauche, vous pouvez voir la Navigation, de la Typographie, de Code, de Tables et autres. Maintenant, si vous remarquez, la navigation contient les glyphicon identifiés par la classe "icône-chevron-right". Cependant, l'icône n'est pas noir ou blanc. Il est gris. Lorsque la souris passe sur un élément en particulier, l'icône se transforme en une teinte plus foncée de gris. Le CSS ne montre pas tout ce qui sort de l'ordinaire et qui semble renvoyer le noir glyphicon, mais l'icône est gris et a un effet hover.
Toute idée qui disposent de bootstrap est utilisé ici?
OriginalL'auteur callmekatootie | 2013-03-14
Vous devez vous connecter pour publier un commentaire.
C'est en fait définie à l'aide de la CSS opacity. Leur code:
Cela change sur le vol stationnaire à une plus grande opacité pour la rendre plus sombre. Il est en réalité seulement l'icône noire.
Donc, quelque chose comme:
OriginalL'auteur Seer
Au lieu de jouer avec l'opacité, vous devriez plutôt profiter de glyphicon être un de la police et de la traiter comme telle.
Ou d'utiliser la classe de bootstrap conçu pour cela:
.text-muted
valide du point de
J'utilise
text-muted
b/c c'est le "Bootstrap-approuvé" façon de faire les choses, mais aussi de la redéfinir dans le CSS de sorte qu'il est encore plus léger gris:.glyphicon.text-muted { opacity: 0.25; }
.OriginalL'auteur Snæbjørn
Si vous êtes en utilisant des icônes dans le Bootstrap prendre un coup d'oeil à font-awesome trop (construit pour une utilisation avec bootstrap), où vous avez le contrôle complet en termes d'échelle, de l'emplacement, la couleur, l'opacité, etc.
OriginalL'auteur nickhar
J'ai créer ce css pour mes liens avec les icônes
et il est appliqué dans la classe de j'élément
OriginalL'auteur gbonline