Size par défaut d'un input

Version imprimable

08/06/2009, 16h24
DJ Caësar 9114

Size par défaut d'un input

Bonjour à tous,

C'est une question comme ça, ici il n'est pas question d'analyser un code pour savoir ce qui ne va pas. La question est la suivante:
Existe-t-il un moyen (que je n'ai pas trouvé en dépit de mes recherches sur le net) de modifier la "SIZE" par défaut d'un "INPUT TYPE=TEXT", qui est de 20 si on ne précise rien?
En essayant dans un CSS un naïf "size:3;", on fait chou blanc.

Est-ce irrésolvable?
08/06/2009, 19h35
HiRoN

Bonsoir,

Citation:

Envoyé par Cesar9114

En essayant dans un CSS un naïf "size:3;", on fait chou blanc.

size n'est pas une propriété CSS, cela n'est pas faisable avec.

À part en jouant au niveau de l'input :

Code:

input { width:XXXpx; /* Taille correspondant au size="20" */ }

Et / Où jouer sur des class...

Personnellement, je ne vois pas... :? (ou j'ai mal compris la question)
08/06/2009, 19h39
DJ Caësar 9114

Non non, c'est bien ça la question. Je trouve ça bizarre qu'il n'existe pas de solution. C'est pourtant simple comme problème. Il faut juste que quand la taille n'est pas précisé dans la balise, on charge la taille par défaut qui est non plus de 20, mais de la valeur par défaut.
Elle est bien stockée quelque part cette valeur...

Bonsoir

CSS 3 a une solution pour toi : la pseudo classe :not http://www.w3.org/TR/2009/WD-css3-se...0310/#negation

Un exemple :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr-FR"> <head> <title>Tests</title> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /> <style type="text/css"> input:not([size]) { width:750px; } </style> </head> <body> input <input type="text" size="20" /> <br /> input <input type="text" /> </body> </html>
Ce sélecteur joue sur la négation : s'il n'y a pas d'attribut size sur un élément input on applique le style...

Ce sélecteur ne doit pas être implémenté partout, mon exemple fonctionne avec Firefox 3

08/06/2009, 21h01
Erwan31

La largeur du champ dépend du font-size de l'input et et du nombre de caractères affichable, ce nombre étant peut être stocké dans le moteur de rendu du navigateur. Je crois que la valeur du font-size par défaut de l'input est dépendante d'une taille de font définie par l'OS.