IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

dropdown-toggle open multicolor


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Inscrit en
    Février 2009
    Messages
    635
    Détails du profil
    Informations forums :
    Inscription : Février 2009
    Messages : 635
    Par défaut dropdown-toggle open multicolor
    Bonjour,

    Savez-vous s'il est possible de personnaliser la couleur d'un dropdown-toggle ouvert,
    en fait, je souhaite parvenir à personnaliser la couleur des boutons lorsque le dropdown-toggle est ouvert, mais ça jusqu'ici ça ne fonctionne pas
    voici le bout de code:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    .mycolor + .open .dropdown-toggle {
        color: #fff;
        background-color: #123456 !important; 
    }
    Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
      <div class="dropdown pull-right">
      <div class="mycolor material-icons dropdown-toggle" data-toggle="dropdown" >share</div>
      <ul class="dropdown-menu">
        <li><a href="#">Facebook</a></li>
        <li><a href="#">Google+</a></li>
        <li><a href="#">Twitter</a></li>
      </ul>
    </div>

    Si vous avez une idée de comment s'y prendre, merci d'avance pour votre aide,

  2. #2
    Membre éclairé
    Inscrit en
    Février 2009
    Messages
    635
    Détails du profil
    Informations forums :
    Inscription : Février 2009
    Messages : 635
    Par défaut
    Pour celles et ceux que cela pourraient éventuellement intéresser, voici une solution qui fonctionne :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    .open .dropdown-toggle.mycolor  {
        color: #fff;
        background-color: #123456 !important;
    }
    Bonne journée,

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Bootstrap et jquery menu déroulant avec data-toggle="dropdown" non fonctionnel
    Par Anticonstitu66 dans le forum Bibliothèques et frameworks
    Réponses: 1
    Dernier message: 29/04/2017, 06h44
  2. A quoi sert dropdown-toggle
    Par cuscodkr dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 26/09/2015, 13h21
  3. Bootstrap data-toggle="dropdown" Dynamique
    Par learningcode dans le forum Général JavaScript
    Réponses: 10
    Dernier message: 25/03/2015, 09h26
  4. [Kylix] Télécharger Kylix 3 Open Edition
    Par RDM dans le forum EDI
    Réponses: 2
    Dernier message: 27/08/2002, 11h28
  5. Choix d'un EDI pour la 3D (Open GL, Portable)
    Par Riko dans le forum OpenGL
    Réponses: 6
    Dernier message: 01/08/2002, 12h25

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo