J’ai changé de navigateur hier, en revenant à Firefox depuis Chrome que j’avais adopté il y a quelques années parce que Firefox n’était pas du stable (ou une des extensions que j’utilisais alors ne l’était pas, ce qui pour l’utilisateur final revient au même) et je suis surpris de voir que le look de certains composants gérés par Firefox n’a toujours pas évolué, ressemblant toujours, au moins sur Mac OS X, aux vielles listes déroulantes que j’utilisais sur Windows 95.
Voyez plutôt :
La police est plus petite, on se demande bien pourquoi, le bouton qui permet d’ouvrir la liste est … moche, old school, so Windows 95, je trouve, pas vous ? Regardez la zone équivalente sur Chrome :
Même taille de police que le reste de l’interface, bouton largement plus unifié avec le reste, c’est mieux, non ?
Encore un exemple avec une liste à deux niveaux, côté Firefox 57 :
Et côté Chrome 62 :
Et je sais pas vous, mais moi j’aime bien quand mon interface de travail est jolie et élégante !
1 De Cunégonde -
Du moment que ça marche…
2 De Franck -
Oui mais non, j’aime pas utiliser un truc pas beau !
3 De Da Scritch -
mmmmmmhhhh. y’a pas du stylage dans les <option> ? genre comme dans http://letrainde13h37.fr/wp-content… ? parce que justement Chrome ne connait pas comment styler cet élément, et dans Firefox, du coup, faut tout restyler…
Essaie en supprimant tout style non natif sur les éléments <select>, <optgroup> et <option>
4 De xave -
Ah bordel, ce que c’est moche, tous ces trucs arrondis !
5 De Franck -
Oui je viens de voir ça avec Julien Wajsberg (via Twitter), va falloir que j’adapte la CSS de Dotclear !
6 De Julien -
C’est parce que Firefox est bête: il écoute ce que tu mets dans ton CSS, notamment:
input[type=text], input[type=password], textarea, select { background: #fcfcfc; border-width: 1px; border-style: solid; border-color: #dfdfdf; }et
input[type=text], input[type=password], input[type=submit], input[type=button], input[type=reset], a.button, button, textarea, select, legend { border-radius: 3px; }Chrome ignore cela si tu ajoutes pas
-webkit-appearance: none. Donc fatalement tu n’as pas le même comportement dans Chrome. Ou Safari j’imagine.7 De Franck -
Finalement il s’avère qu’utiliser les styles CSS border et background avec Firefox force ce dernier à utiliser une vieille représentation du composant (façon Netscape), alors qu’on s’attendrait plutôt à ce qu’il les ignore, ce que je trouve un peu bizarre, mais passons.
Cela dit, il s’avère qu’il reste impossible de styler les éléments de la liste déroulante, entre autres leur taille de police qui reste minuscule, ce qui pose à mon avis un léger problème d’accessibilité, au moins pour mes vieux yeux !
8 De seb95 -
Bonjour,
Je n’ai jamais remarqué ce détail,que ce soit sur Firefox ou autre navigateur à base de chrome comme GNOME web, peut être un rapport avec l’OS, étant sous Debian et toi Mac…
À bientôt.
9 De Pinkilla -
je suis d’accord avec seb95… c’est sans doute Mac qui est moche ;-)
10 De Glop -
Hello
Sur Firefox 57 et Debian les boutons pour ouvrir les listes déroulantes sont à peu près comme chez toi (old school + look perfectible) avec une liste qui se déroule dans un “cadre” carré - je préfère quand c’est carré, goûts perso ;) le rendu de la liste est beau (re-stylé par mon thème de bureau).
La liste déroulante conserve bien la même taille de police que le reste de l’interface chez moi.
Sur Solus et Firefox 56 c’est pareil, Je n’ai pas testé l’admin avec un autre navigateur/OS.
11 De Franck -
Merci pour tous les retours, je vais voir côté Dotclear si on peut arranger les choses sans casser l’usage avec les autres navigateurs…
12 De i_love_dc -
Chez Firefox ils doivent lire ton blog ^^
Une mise à jour aujourd’hui ou ils disent “Firefox à été revu de fond en comble”
et effectivement ca change, mais le “thème” ou “l’apparence” est tout de même influencée par l’OS et le style utilisé pour la personnalisation du bureau.
Capture sous windows10 http://hpics.li/fd8eed3
13 De Franck -
Ah oui ça reste ultra moche, même sous Windows 10 !
14 De seb95 -
Oui c’est horrible.
Sous debian avec gnome ou plasma je n’avais de look vieilli mais un truc qui allait avec le reste du système