font-family dans menu déroulant

hatfab
Les bases HTML/CSS

Bonjour,
Je cherche à changer la typo d'un menu déroulant mais impossible de trouver comment faire. J'ai changé la propriéte font-family d'inputs, de form, de wpcf7 (puisqu'ilm s'agit de l'extension Contact Form de WP, mais rien n'y fait. Si quelqu'un a une solution à me proposer...

Merci !

https://snipboard.io/2RgkMV.jpg

4 réponses

Arzou

Salut !
Les options des selects sont géré par le navigateur.
Il me semble que c'est assez chiant pour changer la font, il faut que tu force à réhinitialiser le style par défaut.
Je ne sais même pas si c'est possible en full css ..

MickaelTD

Hello, essaie ceci ca devrait marcher.

<select>
    <option style="font-family: arial">Arial</option>
    <option style="font-family: 'Times New Roman'">Times New Roman</option>
    <option style="font-family: Verdana">Verdana</option>
    <option style="font-family: 'Comic Sans Serif'">Comic Sans Serif</option>
    <option style="font-family: 'Trebuchet MS'">Trebuchet MS</option>
</select>

Et apres tu geres la fontSize en css

hatfab
Auteur

Salut, en effet cela fonctionne en stylant en dur directement la balise <option>. Sauf que le code est généré par le plugin Contact 7. Je vais aller voir comment je peux modifier ça dans le thème enfant.
Merci !

Arzou

ça ne marche pas sur tous les navigateurs il me semble par contre. Je te conseille de vérifier :)