input tekstikentä ja nappulat

Näppärimmin erottelu onnistuu attribuuttivalitsimella tähän tapaan:

input[type="text"]
{
   /* Tekstikentän tyyli. */
}

input[type="submit"]
{
   /* Lähetyspainikkeen tyyli. */
}

http://www.w3.org/TR/CSS21/selector.html#attribute-selectors

Tietenkin on olemassa IE6:n kaltaisia ikäloppuja selaimia, jotka eivät tue kyseistä valitsinta. (IE7 tukee.) Jos tyylittelyn pitää toimia myös vanhoissa selaimissa, niin silloin täytyy määritellä erilliset luokat kutakin input-elementin tyyppiä varten.

HTML:



CSS:
input.text { }
input.submit { }