Changement selectOneMenu la feuille de style (Primefaces)

Je veux changer la couleur de fond de mon selectOneMenu. Lorsque j'essaie de définir le style de style="background-color:#f6f6f6" il n'y a pas de changement à tous.

J'ai essayé d'envelopper par un div et ajouter une définition pour le style.le css mais il n'y a pas eu de changement à ce jour.

  • Pouvez-vous montrer plus de code? Peut-être que quelque chose est en conflit?
InformationsquelleAutor Goot | 2013-01-07
  1. 9

    La style propriété est plutôt inutile sur <p:selectOneMenu>. Regardez le code HTML généré en sortie par un clic droit l'Affichage de la Source ou Inspecter l'Élément. Il serait appliquée sur l'emballage div, pas sur le béton de l'élément, sans parler de la liste. Pour le style de l'élément sélectionné, vous devez sélectionner le .ui-selectonemenu-label enfant du menu via styleClass attribut . Pour le style de la liste, vous devez sélectionner le .ui-selectonemenu-list enfant du panneau (la liste déroulante) via panelStyleClass attribut.

    Donc, tous avec tous, cela devrait le faire:

    <p:selectOneMenu styleClass="menu" panelStyleClass="panel">

    Avec

    .menu .ui-selectonemenu-label { 
    background: pink;
}
.panel .ui-selectonemenu-list { 
    background: pink;
}

    Assurez-vous que le CSS est initialisé/chargé après PrimeFaces propres styles. Le mieux est de déclarer dans un .css fichier qui est inclus par un <h:outputStylesheet> dans le <h:body>.

    Voir aussi:

    InformationsquelleAutor BalusC
  2. 0

    Vous pouvez définir le style des éléments facilement si vous utilisez p:selectOneMenu. Consultez le guide du style, de la classe des noms.

    Peut-être vous pouvez utiliser jquery pour ajouter un peu de styles.

    menuWidget.items.eq(1).addClass('customclass')
    • ce doit être le même que styleclass="backgroundclass", n'a pas fonctionné. J'ai également définir la couleur d'arrière-plan à !important
    InformationsquelleAutor soniccool
  3. 0

    Ce que vous voulez, c'est remplacer par défaut primefaces.css code de la selectOneMenu. Pour ce faire, vous avez à la recherche de la définition du style pour un particulier de l'élément dans le fichier ou c'est à dire avec firebug.

    Pour selectOneMenu il serait je.e ui-selectonemenu-items ui-selectonemenu-list (en fonction de ce que vous voulez de style).

    Ici est un bel article sur la substitution par défaut Primefaces les styles.

    Note: je ne voudrais pas utiliser personnellement !important comme décrit, car il peut être plus nuisible qu'utile plus tard.

    InformationsquelleAutor Fallup
  4. 0

    Poste similaire: ici et ici.

    Vous devez fournir le code CSS de l'élément plus spécifique par rapport à ses Primefaces spécification.
    Aussi, comme suggéré par Fallup vous ne devriez pas utiliser !important, bien que cela fonctionne, mais il a des problèmes et il ne semble pas bon non plus.

    InformationsquelleAutor dShringi