Menu déroulant - Couleur du titre

[FANCH 56]

Bonjour

J'e mets en place un menu déroulant dans un widget sur mon portail, et j'aurais souhaité avoir le titre ( DIDACTICIELS) en gras et couleur. J'ai beau tester les config html, je n'y arrive pas.

Voici le code (origine FA).

Code:

        <select style="width: 268px;" onchange="location = this.value">
          <option selected="selected">DIDACTICIELS</option>
          <option value="url1-de-renvoi">choix 1</option>
          <option value="url2-de-renvoi">choix 2</option>
          <option value="url3-de-renvoi">choix 3</option>
          <option value="url4-de-renvoi">choix 4</option>
        </select>

Merci pour votre concours.

[bando]

Bonjour,

Avez-vous essayer avec le selecteur suivant ?

Code:

option[selected] {
......
}

[FANCH 56]

Bonjour Dauclem

Çà c'est dans le CSS ?

[bando]

Oui c'est du CSS.

[FANCH 56]

Donc je rajoute Font et color ?

Le menu que je mets en place est le menu déroulant simple

[bando]

Oui dedans vous rajoutez les attributs dont vous avez besoin.

[FANCH 56]

J'ai mis ceci pour tester : pas de changement

Code:


option[selected] {
      font-weight: bold;
        }

EDIT J'ai augmenté Font pour essai, la taille de caractère se fait une fois cliqué, et non avant cliquage

Code:

  option[selected] {
      font-weight: bold;
      font-size: 24px;
     color: #19233C
      }

[bando]

Ok, je viens de faire des essais. En fait, pour le code que je vous ai donné ca va dépendre des navigateurs. Par exemple, firefox prend bien en compte le font-size mais pas chrome. Par contre, si vous le faite sur le select pas de souci.

Donc je vous conseille de passer par le select et de remettre les valeurs normal sur les options.

Code:

select.saclasse {
    font-weight: bold;
    font-size: 24px;
    color: #19233C
}

select.saclasse option {
    font-weight: normal;
}

[FANCH 56]

Je ne comprends pas "Passez par le select"

[bando]

Je vous ai donné un exemple. En gros ajouter le CSS sur la balise "select" de votre widget en lui associant une classe ou un identifiant.

[FANCH 56]

J'ai compris "saclasse" est le nom du widget, mais comment donner le nom ?

[bando]

Voilà c'est fait. Il suffisait d'aller dans le widget et de rajouter l'attribut classe. Vous pouvez aller voir ce que j'ai fait, vous comprendrez, c'est très simple.

[FANCH 56]

OK Vu, je mélangeais CSS et Code du widget.

Merci Dauclem.

Résolu

[bando]

Est-ce normal que vous n'avez pas changer le classe dans le code html du widget ?

Code:

<select class="optionscolored" style="width: 600px;"

Car dans le CSS, vous avez remplacé "optionscolored" par "astucesetdidac".

[FANCH 56]

J'ai changé, mais apparemment j'ai dû faire une erreur dans le CSS

EDIT : Normalement c'est corrigé

Mais ou fermer la balise color, car même les liens du menu sont en couleur maintenant.

[bando]

Vous aviez supprimé la deuxième ligne que j'avais mis :

Code:

select.optionscolored option {
  color:black;
}

[FANCH 56]

Voilà ce que c'est quand on veut aller trop vite.

Merci beaucoup Dauclem, et bon appétit.