Discussion :

[haddocks]

Bonjour,
Sur ma page signup.html, je voudrais que l'input[type="email"] ai une proprité 'text-transforme:lowercase'.
voici mon css, mais ça fonctione pas :

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
19
20
21
input:not(.search-box, .checkbox, .size-checkbox, input[type="file"]),
textarea {
  display: block;
  width: 300px;
  height: 40px;
  padding: 20px;
  border-radius: 5px;
  background: #fff;
  border: none;
  outline: none;
  margin: 20px 0;
  text-transform: capitalize;
  color: #383838;
  font-size: 14px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.01);
  font-family: "roboto", sans-serif;
}
 
input[type="email"] {
  text-transform: lowercase;
}

S'est le seul fichier css. Pas d'autre définition d'input. Pas non plus dans les fichiers .js .

[NoSmoking]

Bonjour,
tu as un problème de spécificité, ou poids, de sélecteur, quelque chose comme :

input[type="email"]	0-1-1
input:not(.search-box, .checkbox, .size-checkbox, input[type="file"])	0-4-2

On peut se poser la question de pourquoi passer par un tel sélecteur, il n'y a pas plus simple, en passant par une classe à part par exemple !

Code :

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

input:not(.search-box, .checkbox, .size-checkbox, input[type="file"])

Ressourcse :

• Règles d'application des styles CSS et gestion des conflits
• Spécificité
• Calculating a selector’s specificity