Size par défaut d'un input

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

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?

**HiRoN** · 08/06/2009, 19h35

Bonsoir,

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 CSS :

Sélectionner tout - Visualiser dans une fenêtre à part

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)

**DJ Caësar 9114** · 08/06/2009, 19h39

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...

**12monkeys** · 08/06/2009, 20h29

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**Erwan31** · 08/06/2009, 21h01

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.

Size par défaut d'un input

HTML

Vue hybride

Discussions similaires

Partager

Partager