Puis-je différencier CSS sur les différents types d'entrée?

Question

type d'entrée = texte/radio/case à cocher - puis-je les traiter différemment dans mon CSS?

autres que par l'ajout class= je veux dire

Answer 1

OUI!

Avec une chose incroyable appelé sélecteurs d'attributs:

input[type="text"] { width: 200px; } 

il suffit de changer que text et vous êtes bon pour vous!

Mais notez que ceux-ci ne fonctionnent pas sur IE6, vous voudrez peut-être jeter un oeil à la dean.edwards.name IE7.js :)

Answer 2

Je ne l'ai jamais vu cela (et je l'ai personnellement essayé). Je crois que vous devriez avoir JavaScript/jQuery exécuté sur le rendu post page pour manipuler les classes d'objets en fonction des attributs de l'élément.

Answer 3

Pour ce faire, vous pouvez utiliser input[type=text]. Les anciens navigateurs peuvent ne pas le supporter.

Answer 4

Oui vous pouvez

par exemple

input[type="text"]{ 
/*do something*/ 
} 

et plus

input[type="text"] { 
font:bold 10px/12px verdana,arial,serif; 
padding:3px; 
} 
input[type="button"],input[type="submit"] { 
/* you know what to do */ 
} 

Answer 5

Vous pouvez utiliser le sélecteur d'attribut, comme celui-ci

input[type=text] { ... } 

Cependant, ceci n'est pas supporté dans tous les navigateurs. Votre pari le plus sûr est d'utiliser une classe

Answer 6

vous pouvez faire entrée [type = "text"]

Answer 7

Vous pouvez utiliser

input[type="What ever the type you want to style specifically"]