jackmyers.info

A form styled with pseudo-selectors

STYLE

       :enabled  { border:           thin gray solid;
                   background-color: #F2F2F2; }

       :disabled { border:           thin blue solid:
                   color:            BlueViolet;
                   font-family:      Oranienbaum;
                   font-size:        1.3em; }

       :checked + span { color:            Maroon;
                         background-color: #EDDAAA; }

       :default  { outline:          medium solid blue; }

       input[type="text"]:valid    { outline: thin solid green; }
       input[type="text"]:invalid  { outline: thin solid red; }

       :in-range                   { outline: thin solid green; }
       :out-of-range               { outline: thin solid red;   }