Posted By

sixmedia on 07/22/09

Tagged

Versions (?)

Last Edited at 07/22/09 07:21am

Statistics

Viewed 664 times

Favorited by 0 user(s)

Related snippets

Accessible Forms CSS

/ Published in: Other

Expand | Embed | Plain Text

Copy this code and paste it in your HTML

form.cmxform fieldset,form#standardForm fieldset{margin-bottom:10px;border:1px solid #ccc;background:#f0f0f0;}
form.cmxform fieldset fieldset,form#standardForm fieldset fieldset{background:none;border:none;}
form.cmxform legend,form#standardForm legend{padding: 0 2px;font-weight:bold;}
form.cmxform label,form#standardForm label{display:inline-block;line-height:1.8;vertical-align:top;}
form.cmxform fieldset ol,form#standardForm fieldset ol{margin:0;padding:0;}
form.cmxform fieldset li,form#standardForm fieldset li{list-style:none;padding:5px 10px 7px;margin:0;}
form.cmxform em,form#standardForm em{font-weight:bold;font-style:normal;font-size:130%;color:#f00;}
form.cmxform label,form#standardForm label{width:120px; /* Width of labels */}
form.cmxform label.wider,form#standardForm label.wider{width:150px;}
form.cmxform textarea,form#standardForm textarea{font-size:100%;font-family:verdana;}
form.cmxform .autoSize,form#standardForm .autoSize{width:auto;border:none;}
form.cmxform input.submit,form#standardForm input.submit{cursor:pointer;border:1px solid #fff;background:#84b84a;color:#fff;font-size:110%;font-weight:bold;padding:3px;}
form.cmxform input.submit:focus,form#standardForm input.submit:focus{background:#84b84a;}
form.cmxform select,form#standardForm select{width:300px;}
form.cmxform input.widerInput,form#standardForm input.widerInput{width:300px;}