changement police listes déroulantes

[nitroshima]

Bonjour!

J'ai un problème avec la couleur de la police des listes déroulantes.
Je change sa couleur de fond sans problème et je change également la couleur de la police des zones de texte. En changeant la couleur de la police par défaut, normalement ca devrait changer également celle des listes déroulantes, mais voilà... ce n'est pas le cas  

Le fond des zones de texte, listes déroulantes, etc. est noir; la couleur de la police est grise claire, sauf celle des listes déroulantes qui ne change pas!  

Je vous mets un print screen, ca sera plus simple pour comprendre lol.



Comme vous pouvez le voir, pour chercher un membre, le texte est bien en gris.
Par contre le texte dans la liste déroulante reste noir!

Où puis-je changer cette couleur?

Merci ^^


P.S. J'ai essayé avec d'autres explorateurs pour voir si le problème venait de là, mais aucun changement.

[nitroshima]

Je viens de découvrir que je ne peux pas non plus modifier la couleur de fond du bloc de rédaction des messages... (je sais que ce n'est pas le meme sujet, mais bon ^^ c'est aussi un changement de couleur lol)

[Matriochka]

Bonjour et Bienvenue sur le Forum des Forums Forumactif Vu que vous êtes nouveau, voici quelques sujets importants : Sécurité : mail de fondation - Ce qu'il ne faut pas faire Questions/Réponses fréquentes - Listing Trucs et astuces - Listing La fonction Rechercher La FAQ de Forumactif.com N'hésitez pas à ouvrir un nouveau sujet si vous ne trouvez pas votre réponse

Bonsoir,

Pour corriger ça, on utilise ce code dans Panneau d’admin > Affichage > Couleurs > Feuille de styles CSS :

Code:

select option {color:#F00!important;}

Pour la seconde question :
https://forum.forumactif.com/t353359-topic-unique-apparence-du-nouvel-editeur-de-messages
https://forum.forumactif.com/t352754-modifier-l-apparence-de-l-editeur-via-le-css

[nitroshima]

Merci pour la réponse! vraiment nickel!

J'ai cherché sur le forum pour ce qui est des listes déroulantes, mais j'avoue ne pas avoir fait attention pour l'éditeur de texte... sorry...

J'ai pu corriger ces erreurs et d'autres petites choses que j'étais en train de chercher.
Il y a cependant encore qqch que je n'arrive pas à trouver...

Depuis que j'ai mis le code que vous m'avez mentionné (pour les listes déroulantes), maintenant le bord de celles-ci et le texte à coté d'elles disparait quand la souris passe dessus, ainsi que pour les simples zones de texte.

Sans la souris au dessus:


En passant la souris par dessus:

[Matriochka]

Une question, est-ce que tu n'as que ce code dans la feuille ou d'autres ?

[nitroshima]

J'en ai plusieurs et j'ai mis le code tout au début.
J'ai vu que s'il était perdu au milieu ca ne changeait rien :-)

[Matriochka]

Pourrais-tu m'envoyer quand même ta feuille de styles que je puisse vérifier si le souci ne vient pas de là ?

Là, j'avoue que je ne comprends pas trop… :no 

[nitroshima]

Bien sur ^^
Je n'ai pris que des codes qui étaient sur le forum, en y modifiant les choses qui me convenaient.

Code:

/*--- LISTE DEROULANTE ---*/

        select option {color:#A8A8A8!important;}


/*--- BLOC DE REPONSE ---*/    
        
       .sceditor-container.ltr.sourceMode {
        width:717px !important;
        background-color: #000000 !important;
        }
        .sceditor-container.ltr.wysiwygMode {
        width:717px !important;
        background-color: #000000 !important;
        }


        /*---  Partie supérieur contenant les outils ---*/
        
        div.sceditor-toolbar {
        background-color: #000000 !important;
        width: 706px !important;
        }

        /*---  Partie texte area : fond ---*/
        
       .sceditor-container iframe, .sceditor-container textarea {
        background-color: #000000 !important;
        text-align:left;
        margin:0 !important;
        line-height: 16px;
        width: 715px !important;
        color: #a8a8a8 !important;
        font-size:12px !important;
        }

        /*---  Boutons sélectionnés ---*/
        
       a.sceditor-button.hover {
        background-color: #ffffff !important;
        }

       /*---  dédoublement des smiley ---*/
        $(function(){ $(function() {
          $(".sceditor-button-emoticon").click(function() {
            $(".smiley").unbind("hover")
          })
        })});




[Matriochka]

Huhuhu… Et qu'est-ce que ça fait ici, ça :

Code:

        $(function(){ $(function() {
          $(".sceditor-button-emoticon").click(function() {
            $(".smiley").unbind("hover")
          })
        })});

C'est un script, donc ça doit se trouver dans tes modules Retire-le, déjà, et vérifie si le problème s'arrange ainsi.

[nitroshima]

J'ai enlevé le code.
Je ne m'étais pas rendu compte que je l'avais mis là xD
Mais non... le problème est toujours le meme...

[Matriochka]

Et si tu ajoutes ceci :

Code:

input:hover {border:1px solid #BCBCBC!important;}

[nitroshima]

Parfait!!
Vraiment des cracs ici ^^
Merci!

[Matriochka]

Bonjour, Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à : éditer votre premier message, cocher l'icône Et enregistrer en cliquant sur Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton A bientôt sur ForumActif