Призначені для користувача стилі для форми на чистому css без javascript

lt;htmlgt;

input, select, textarea {margin: 0-padding: 0-font-size: 0.85em-outline: none; font-family: inherit-box-sizing: border-box-}

lt;h2 id="First"gt; Чекбокси і радиокнопки (IE9 +, FF, Opera, Webkit)lt;/h2gt;lt;pgt;lt;input id="Male" type="Checkbox"gt; lt;label for="Male"gt; Чекбоксlt;/labelgt; lt;brgt;lt;input checked="Checked" name="Option" id="Female" type="Radio"gt; lt;label for="Female"gt; Радіокнопка 1lt;/labelgt;lt;input name="Option" id="Female2" type="Radio"gt; lt;label for="Female2"gt; Радіокнопка 2lt;/labelgt;lt;/pgt;lt;h2gt; Список, що випадає (IE8 +, FF, Webkit)lt;/h2gt;lt;div class="Styled"gt;lt;selectgt;lt;option selected="Selected"gt; Елемент 1lt;/optiongt;lt;optiongt; Елемент 2lt;/optiongt;lt;optiongt; Елемент 3lt;/optiongt;lt;/selectgt;lt;/divgt;lt;h2gt; Кнопка для завантаження файлу (Webkit)lt;/h2gt;lt;pgt; lt;input type="File" value="Огляд"gt; lt;/pgt;lt;h2gt; Текстове поле і текстова область (IE9 +, FF, Opera, Webkit)lt;/h2gt;lt;pgt; lt;input placeholder="Введіть текст..." type="Text"gt; lt;/pgt;lt;pgt; lt;textarea placeholder="Введіть текст..."gt; lt;/textareagt; lt;/pgt;lt;pgt;lt;input value="" Назад" type="Button"gt;lt;input value="Вперед» " type="Submit"gt;lt;/pgt;

input[type="Text"], textarea, select, div.styled, input[type="File"] {width:12em-border-radius:2px-border: solid 1px #ccc-padding:0.4em-}div.styled, select, input[type="Submit"], input[type="Button"], input[type="File"]: after {background: white url(formelements-select.jpg) no-repeat center right--webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2)-box-shadow: 0 1px 3px rgba(0,0,0,0.2)-}input[type="Text"], textarea, input[type="File"] {background-color: # f5f5f5--webkit-box-shadow: inset 0 2px 3px rgba(0,0,0,0.2)-box-shadow: inset 0 2px 3px rgba(0,0,0,0.2)-}.ie9 input[type="Text"] {line-height:normal-}textarea {width:100%-height:10em-}/ * IE і Firefox * /div.styled {overflow:hidden-padding:0-margin:0-}.ie7 div.styled {border:none-}div.styled select {width:115%- background-color:transparent-background-image:none--webkit-appearance: none-border:none-box-shadow:none-}.ie7 div.styled select {width:100%- background-color:#fff-border: solid 1px #ccc-padding:0.3em 0.5em-}/ * Webkit (Chrome наприклад) * /input[type="File"] {position: relative--webkit-appearance: none--webkit-box-sizing: border-box-box-sizing: border-box-width: 40%-padding:0-}input[type=file]:: -webkit-file-upload-button {width: 0-padding: 0-margin: 0--webkit-appearance: none-border: none-}input[type="File"]: after {content: "Завантажити `-margin:0 0 0 0.5em-display: inline-block- left: 100%-position: relative-background:white url(../images/formelements-select.jpg) no-repeat center left-padding:0.3em 0.5em-border: solid 1px #ccc !important--webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2)-box-shadow: 0 1px 3px rgba(0,0,0,0.2)-border-radius:4px-}input[type="File"]: active: after {box-shadow:none-}input[type="Radio"], input[type="Checkbox"] {position:absolute-left:-999em-}label: before {display: inline-block-position:relative-top:0.25em-left:-2px-content:``-width:25px-height:25px-background-image:url(../images/formelements.jpg)-}input[type="Checkbox"] + label: before {background-position: 0 -25px-}input[type="Checkbox"]: checked + label: before {background-position: 0 0-}input[type="Radio"] + label: before {background-position: -25px -25px-}input[type="Radio"]: checked + label: before {background-position: -25px 0-}/ * Скидання стилів IE 7-8 * /.ie8 label: before {display:none- content:none-}.ie8 input[type="Checkbox"],.ie8 input[type="Radio"],.ie7 input[type="Checkbox"],.ie7 input[type="Radio"] {position: static- left:0-}.ie8 input[type="Checkbox"], .ie8 input[type="Radio"] {position:relative- top:5px-margin-right:0.5em-}input[type="Text"]: focus, textarea: focus {border-color:# 000-}input[type="Submit"], input[type="Button"] {padding:0.5em 1em-line-height:1em-cursor:pointer-border-radius:4px-color:# 000-font-weight:bold-font-size:inherit-border:solid 1px #ccc-box-shadow:0 1px 5px rgba(0,0,0,0.2)-background-position: center bottom-}input[type="Submit"]: active, input[type="Button"]: active {-webkit-box-shadow: none-box-shadow:none-}