globalement styler tous les boutons html uniquement sans exiger de 'class', 'id' ou 'name'

Question

Les styles suivants tous les tags d'entrée, ce qui signifie que n'importe quel 'type' de tag d'entrée est stylisé.

input { 
color:#050; 
font: bold 84% 'trebuchet ms',helvetica,sans-serif; 
background-color:#ffffff; 
border:1px solid; 
border-color: #696 #363 #363 #696; 

}

comment puis-je isoler si toutes les entrées bouton « types » sont de style différemment que la saisie de texte « types » avec des besoin d'ajouter/utiliser « id », « classe » ou ' prénom'.

Il doit s'agir d'une solution multi-navigateur.

Answer 1

input[type=text]{ 
color:#FF9900; 
} 

input[type=password]{ 
color:#FFFF00; 
} 

input[type=submit]{ 
color:#FFFFFF; 
} 

Il prend en charge le mot de passe, l'envoi, le texte, la sélection, la radio et quelques autres. Je vais éditer dans la liste quand je le trouverai. Vous remarquerez que certains se comportent étrangement, par exemple une boîte de saisie (texte) avec une largeur de 100px et un remplissage de 2px apparaîtront différemment à une boîte de saisie de soumission avec les mêmes propriétés, vous devrez remplir la soumission avec 3/4 pixels supplémentaires , si je me souviens bien.

Answer 2

vous pouvez faire correspondre tous les boutons HTML à l'aide

input[type=submit] { color: #050; } 

Answer 3

En utilisant les sélecteurs de CSS2, vous pouvez faire ce que citricsquid et pixeltocode suggéré ...

Ces sélecteurs mentionnés ont été ajoutés à la version IE7 .. vous ne pouvez pas faites ce que vous voulez avec CSS uniquement sur pré-IE7

Soit cours d'utilisation ou javascript pour IE6 ..

vous pouvez lire à ce sujet sur une t miscrosoft: CSS Compatibility and Internet Explorer