font-family dans menu déroulant

Par hatfab, il y a 4 ans

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, il y a 4 ans

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, il y a 4 ans

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, il y a 4 ans

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, il y a 4 ans

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