Des selecteurs utiles pour les formulaires

C'est bien de connaitre les propriétés css mais pour les utiliser convenablement il est utile de maitriser les sélecteurs, dans le cas de création de style pour des formulaires on peut utiliser ce que l'on nomme les sélecteur d'attribut.

les balises html disposent parfois d'attribut, l'on peut alors utiliser ces attributs pour sélectionner plus précisément une balise dans la feuille de style, par exemple une balise de lien <a> avec un attribut url="#" peut être sélectionner dans la css de cette façon :

a[url="#"] {
    border-bottom:1px #369 dashed; 
}

seul les liens avec en url un simple # seront stylé de cette façon, cela prend tout son sens pour les formulaires, la balise input étant différente suivant le type que l'on lui assigne on peut donc dans la css stylé les divers éléments input de cette façon :

input[type="text"] { 
}
input[type="checkbox"]{
}
input[type="submit"]{
}

la même balise input peut alors avoir un style différent suivant sont type et cela sans ajouter des class ou id au balises.