CSS og FORMS

Hvordan laver man forskellige (CSS) elementer på en forms objekter. Jeg kunne godt tænke mig at Fx.
<input type="checkbox" value="gemmig" name="gemmig"> tag fik en anden bagrundsfarve end <input type="password" name="password"> de er placeret i samme form.

Jeg har prøvet med elements TYPE:

input.password {
    background-color : Gray;
    font-family : Verdana;
    font-size : xx-small;
    border : none;
}
 
input.checkbox {
    background-color : transparent;
    font-family : Verdana;
    font-size : xx-small;
    border : none;
}

Men får det ikke til at virke, er det fordi det ikke kan lade sg gøre?