input

Пример:

Таблица 3×3
Lorem ipsum dolor sit amet, consectetur adipisicing elit ... ...
... ... ...
... ... ...

<table>
    <caption>Таблица 3×3</caption>
    <col/>
    <tbody>
        <tr>
            <td>Lorem ipsum dolor sit amet, consectetur adipisicing elit</td>
            <td>...</td>
            <td>...</td>
        </tr>
        <tr>
            <td>...</td>
            <td>...</td>
            <td>...</td>
        </tr>
        <tr>
            <td>...</td>
            <td>...</td>
            <td>...</td>
        </tr>
    </tbody>
</table>

Атрибуты:

accept, accesskey, align, alt, autocomplete, autofocus, checked, class, contenteditable, contextmenu, dir, disabled, draggable, form, formaction, formenctype, formmethod, formnovalidate, formtarget, height, hidden, id, ismap, lang, list, max, maxlength, min, multiple, name, onabort, onblur, oncanplay, oncanplaythrough, onchange, onclick, oncontextmenu, ondblclick, ondrag, ondragend, ondragenter, ondragleave, ondragover, ondragstart, ondrop, ondurationchange, onemptied, onended, onerror, onfocus, onformchange, onforminput, oninput, oninvalid, onkeydown, onkeypress, onkeyup, onload, onloadeddata, onloadedmetadata, onloadstart, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, onmousewheel, onpause, onplay, onplaying, onprogress, onratechange, onreadystatechange, onscroll, onseeked, onseeking, onselect, onshow, onstalled, onsubmit, onsuspend, ontimeupdate, onvolumechange, onwaiting, pattern, placeholder, readonly, required, size, spellcheck, src, step, style, tabindex, title, type, usemap, value, width, xml:base, xml:id, xml:lang, xml:space.
html 3.2 html 4.0 Frameset html 4.0 Loose html 4.0 Strict html 4.0.1 Frameset html 4.0.1 Loose html 4.0.1 Strict xhtml 1 Frameset xhtml 1 Strict xhtml 1 Transitional html5
accept
accesskey
align
alt
autocomplete
autofocus
checked
class
contenteditable
contextmenu
dir
disabled
draggable
form
formaction
formenctype
formmethod
formnovalidate
formtarget
height
hidden
id
ismap
lang
list
max
maxlength
min
multiple
name
onabort
onblur
oncanplay
oncanplaythrough
onchange
onclick
oncontextmenu
ondblclick
ondrag
ondragend
ondragenter
ondragleave
ondragover
ondragstart
ondrop
ondurationchange
onemptied
onended
onerror
onfocus
onformchange
onforminput
oninput
oninvalid
onkeydown
onkeypress
onkeyup
onload
onloadeddata
onloadedmetadata
onloadstart
onmousedown
onmousemove
onmouseout
onmouseover
onmouseup
onmousewheel
onpause
onplay
onplaying
onprogress
onratechange
onreadystatechange
onscroll
onseeked
onseeking
onselect
onshow
onstalled
onsubmit
onsuspend
ontimeupdate
onvolumechange
onwaiting
pattern
placeholder
readonly
required
size
spellcheck
src
step
style
tabindex
title
type
usemap
value
width
xml:base
xml:id
xml:lang
xml:space
Браузерные стили
chrome *nix 5.0.375.29
input { -webkit-appearance: textfield; -webkit-rtl-ordering: logical; -webkit-user-select: text; background-color: white; border: 2px inset; color: initial; cursor: auto; display: inline-block; font: -webkit-small-control; letter-spacing: normal; line-height: normal; margin: 0; padding: 1px; text-align: -webkit-auto; text-indent: 0; text-shadow: none; text-transform: none; word-spacing: normal; }
input:-webkit-autofill { background-color: #faffbd !important; background-image: none !important; }
input::-webkit-inner-spin-button { -webkit-appearance: inner-spin-button; display: inline-block; }
input::-webkit-input-list-button { -webkit-appearance: list-button; display: inline-block; }
input::-webkit-input-placeholder { color: darkGray; }
input::-webkit-outer-spin-button { -webkit-appearance: outer-spin-button; display: inline-block; margin-left: 2px; }
input:focus { outline-offset: -2px; }
input[readonly]:focus { outline: none; }
input[type="button"] { -webkit-appearance: push-button; -webkit-box-align: center; -webkit-box-sizing: border-box; background-color: ButtonFace; border: 2px outset ButtonFace; color: ButtonText; cursor: default; padding: 2px 6px 3px 6px; text-align: center; white-space: pre; }
input[type="button"]:active { border-style: inset; }
input[type="button"]:active:disabled { border-style: outset; }
input[type="button"]:disabled { color: GrayText; }
input[type="button"]:focus { outline-offset: 0; }
input[type="checkbox"] { -webkit-appearance: checkbox; -webkit-box-sizing: border-box; background-color: initial; border: initial; margin: 3px 0.5ex; padding: initial; }
input[type="checkbox"]:focus { outline-offset: 0; }
input[type="file"] { -webkit-appearance: initial; -webkit-box-align: baseline; background-color: initial; border: initial; padding: initial; text-align: start !important; }
input[type="file"]::-webkit-file-upload-button { -webkit-appearance: push-button; -webkit-box-align: center; -webkit-box-sizing: border-box; background-color: ButtonFace; border: 2px outset ButtonFace; color: ButtonText; cursor: default; padding: 2px 6px 3px 6px; text-align: center; white-space: pre; }
input[type="file"]:active::-webkit-file-upload-button { border-style: inset; }
input[type="file"]:active:disabled::-webkit-file-upload-button { border-style: outset; }
input[type="file"]:disabled::-webkit-file-upload-button { color: GrayText; }
input[type="file"]:focus { outline-offset: 0; }
input[type="file"]:focus::-webkit-file-upload-button { outline-offset: 0; }
input[type="hidden"] { -webkit-appearance: initial; background-color: initial; border: initial; display: none; padding: initial; }
input[type="hidden"]:focus { outline-offset: 0; }
input[type="image"] { -webkit-appearance: initial; background-color: initial; border: initial; padding: initial; }
input[type="image"]:focus { outline-offset: 0; }
input[type="password"] { -webkit-appearance: textfield; -webkit-rtl-ordering: logical; -webkit-text-security: disc !important; -webkit-user-select: text; background-color: white; border: 2px inset; cursor: auto; padding: 1px; }
input[type="radio"] { -webkit-appearance: radio; -webkit-box-sizing: border-box; background-color: initial; border: initial; margin: 3px 0.5ex; padding: initial; }
input[type="radio"]:focus { outline-offset: 0; }
input[type="range"] { -webkit-appearance: slider-horizontal; border: initial; margin: 2px; padding: initial; }
input[type="range"]::-webkit-slider-thumb { -webkit-appearance: sliderthumb-horizontal; }
input[type="reset"] { -webkit-appearance: push-button; -webkit-box-align: center; -webkit-box-sizing: border-box; background-color: ButtonFace; border: 2px outset ButtonFace; color: ButtonText; cursor: default; padding: 2px 6px 3px 6px; text-align: center; white-space: pre; }
input[type="reset"]:active { border-style: inset; }
input[type="reset"]:active:disabled { border-style: outset; }
input[type="reset"]:disabled { color: GrayText; }
input[type="reset"]:focus { outline-offset: 0; }
input[type="search"] { -webkit-appearance: searchfield; -webkit-box-sizing: border-box; -webkit-rtl-ordering: logical; -webkit-user-select: text; background-color: white; border: 2px inset; cursor: auto; padding: 1px; }
input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: searchfield-cancel-button; display: inline-block; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: searchfield-decoration; display: inline-block; }
input[type="search"]::-webkit-search-results-button { -webkit-appearance: searchfield-results-button; display: inline-block; }
input[type="search"]::-webkit-search-results-decoration { -webkit-appearance: searchfield-results-decoration; display: inline-block; }
input[type="search"]:focus { outline-offset: 0; }
input[type="submit"] { -webkit-appearance: push-button; -webkit-box-align: center; -webkit-box-sizing: border-box; background-color: ButtonFace; border: 2px outset ButtonFace; color: ButtonText; cursor: default; padding: 2px 6px 3px 6px; text-align: center; white-space: pre; }
input[type="submit"]:active { border-style: inset; }
input[type="submit"]:active:disabled { border-style: outset; }
input[type="submit"]:disabled { color: GrayText; }
input[type="submit"]:focus { outline-offset: 0; }
chrome win 4.1.249.1064
input { -webkit-appearance: textfield; -webkit-rtl-ordering: logical; -webkit-user-select: text; background-color: white; border: 2px inset; color: initial; cursor: auto; display: inline-block; font: -webkit-small-control; letter-spacing: normal; line-height: normal; margin: 0; padding: 1px; text-align: -webkit-auto; text-indent: 0; text-shadow: none; text-transform: none; word-spacing: normal; }
input:-webkit-autofill { background-color: #faffbd !important; background-image: none !important; }
input::-webkit-input-list-button { -webkit-appearance: list-button; display: inline-block; }
input::-webkit-input-placeholder { color: darkGray; }
input:focus { outline-offset: -2px; }
input[readonly]:focus { outline: none; }
input[type="button"] { -webkit-appearance: push-button; -webkit-box-align: center; -webkit-box-sizing: border-box; background-color: ButtonFace; border: 2px outset ButtonFace; color: ButtonText; cursor: default; padding: 2px 6px 3px 6px; text-align: center; white-space: pre; }
input[type="button"]:active { border-style: inset; }
input[type="button"]:active:disabled { border-style: outset; }
input[type="button"]:disabled { color: GrayText; }
input[type="button"]:focus { outline-offset: 0; }
input[type="checkbox"] { -webkit-appearance: checkbox; -webkit-box-sizing: border-box; background-color: initial; border: initial; margin: 3px 0.5ex; padding: initial; }
input[type="checkbox"]:focus { outline-offset: 0; }
input[type="file"] { -webkit-appearance: initial; -webkit-box-align: baseline; background-color: initial; border: initial; padding: initial; text-align: start !important; }
input[type="file"]::-webkit-file-upload-button { -webkit-appearance: push-button; -webkit-box-align: center; -webkit-box-sizing: border-box; background-color: ButtonFace; border: 2px outset ButtonFace; color: ButtonText; cursor: default; padding: 2px 6px 3px 6px; text-align: center; white-space: pre; }
input[type="file"]:active::-webkit-file-upload-button { border-style: inset; }
input[type="file"]:active:disabled::-webkit-file-upload-button { border-style: outset; }
input[type="file"]:disabled::-webkit-file-upload-button { color: GrayText; }
input[type="file"]:focus { outline-offset: 0; }
input[type="file"]:focus::-webkit-file-upload-button { outline-offset: 0; }
input[type="hidden"] { -webkit-appearance: initial; background-color: initial; border: initial; display: none; padding: initial; }
input[type="hidden"]:focus { outline-offset: 0; }
input[type="image"] { -webkit-appearance: initial; background-color: initial; border: initial; padding: initial; }
input[type="image"]:focus { outline-offset: 0; }
input[type="password"] { -webkit-appearance: textfield; -webkit-rtl-ordering: logical; -webkit-text-security: disc !important; -webkit-user-select: text; background-color: white; border: 2px inset; cursor: auto; padding: 1px; }
input[type="radio"] { -webkit-appearance: radio; -webkit-box-sizing: border-box; background-color: initial; border: initial; margin: 3px 0.5ex; padding: initial; }
input[type="radio"]:focus { outline-offset: 0; }
input[type="range"] { -webkit-appearance: slider-horizontal; border: initial; margin: 2px; padding: initial; }
input[type="range"]::-webkit-slider-thumb { -webkit-appearance: sliderthumb-horizontal; }
input[type="reset"] { -webkit-appearance: push-button; -webkit-box-align: center; -webkit-box-sizing: border-box; background-color: ButtonFace; border: 2px outset ButtonFace; color: ButtonText; cursor: default; padding: 2px 6px 3px 6px; text-align: center; white-space: pre; }
input[type="reset"]:active { border-style: inset; }
input[type="reset"]:active:disabled { border-style: outset; }
input[type="reset"]:disabled { color: GrayText; }
input[type="reset"]:focus { outline-offset: 0; }
input[type="search"] { -webkit-appearance: searchfield; -webkit-box-sizing: border-box; -webkit-rtl-ordering: logical; -webkit-user-select: text; background-color: white; border: 2px inset; cursor: auto; padding: 1px; }
input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: searchfield-cancel-button; display: inline-block; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: searchfield-decoration; display: inline-block; }
input[type="search"]::-webkit-search-results-button { -webkit-appearance: searchfield-results-button; display: inline-block; }
input[type="search"]::-webkit-search-results-decoration { -webkit-appearance: searchfield-results-decoration; display: inline-block; }
input[type="search"]:focus { outline-offset: 0; }
input[type="submit"] { -webkit-appearance: push-button; -webkit-box-align: center; -webkit-box-sizing: border-box; background-color: ButtonFace; border: 2px outset ButtonFace; color: ButtonText; cursor: default; padding: 2px 6px 3px 6px; text-align: center; white-space: pre; }
input[type="submit"]:active { border-style: inset; }
input[type="submit"]:active:disabled { border-style: outset; }
input[type="submit"]:disabled { color: GrayText; }
input[type="submit"]:focus { outline-offset: 0; }
firefox 3.6.3
input { -moz-appearance: textfield; -moz-binding: url("chrome://global/content/platformHTMLBindings.xml#inputFields"); -moz-user-select: text; background-color: -moz-Field; border: 2px inset ThreeDFace; color: -moz-FieldText; cursor: text; font: -moz-field; letter-spacing: normal; line-height: normal !important; padding: 1px 0 1px 0; text-align: start; text-indent: 0; text-rendering: optimizeLegibility; text-shadow: none; text-transform: none; word-spacing: normal; }
input:-moz-broken::before { content: -moz-alt-content !important; unicode-bidi: embed; }
input:-moz-loading::before { content: -moz-alt-content !important; unicode-bidi: embed; }
input:-moz-read-write { -moz-user-modify: read-write !important; }
input:-moz-suppressed { display: none !important; visibility: hidden !important; }
input:-moz-user-disabled::before { content: -moz-alt-content !important; unicode-bidi: embed; }
input[disabled] { -moz-user-focus: ignore; -moz-user-input: disabled; background-color: ThreeDFace; color: GrayText; cursor: inherit; }
input[type="button"] { -moz-appearance: button; -moz-binding: none; -moz-box-sizing: border-box; -moz-user-select: none; background-color: ButtonFace; border: 2px outset ButtonFace; color: ButtonText; cursor: default; font: -moz-button; line-height: normal !important; padding: 0px 6px 0px 6px; text-align: center; text-shadow: none; white-space: pre; }
input[type="button"]::-moz-focus-inner { border: 1px dotted transparent; padding: 0px 2px 0px 2px; }
input[type="button"]:active:hover { background-color: ButtonFace; border-style: inset; color: ButtonText; padding: 0px 5px 0px 7px; }
input[type="button"]:focus::-moz-focus-inner { border-color: ButtonText; }
input[type="button"]:hover { background-color: -moz-buttonhoverface; color: -moz-buttonhovertext; }
input[type="button"][disabled] { border: 2px outset ButtonFace; color: GrayText; cursor: inherit; padding: 0px 6px 0px 6px; }
input[type="button"][disabled]:active { border: 2px outset ButtonFace; color: GrayText; cursor: inherit; padding: 0px 6px 0px 6px; }
input[type="checkbox"] { -moz-appearance: checkbox; -moz-binding: none; -moz-border-radius: 0 !important; -moz-box-sizing: border-box; background-color: -moz-Field ! important; border: 2px inset ThreeDFace ! important; color: -moz-FieldText ! important; cursor: default; height: 13px; margin: 3px 3px 3px 4px; padding: 0 !important; width: 13px; }
input[type="checkbox"]:focus { border-style: groove !important; }
input[type="checkbox"]:hover:active { background-color: ThreeDFace ! important; border-style: inset !important; }
input[type="checkbox"][disabled] { background-color: ThreeDFace ! important; border: 1px inset ThreeDShadow ! important; color: GrayText ! important; cursor: inherit; padding: 1px; }
input[type="checkbox"][disabled]:active { background-color: ThreeDFace ! important; border: 1px inset ThreeDShadow ! important; color: GrayText ! important; cursor: inherit; padding: 1px; }
input[type="checkbox"][disabled]:hover { background-color: ThreeDFace ! important; border: 1px inset ThreeDShadow ! important; color: GrayText ! important; cursor: inherit; padding: 1px; }
input[type="checkbox"][disabled]:hover:active { background-color: ThreeDFace ! important; border: 1px inset ThreeDShadow ! important; color: GrayText ! important; cursor: inherit; padding: 1px; }
input[type="file"] > input[type="button"] { font-size: inherit; height: inherit; letter-spacing: inherit; }
input[type="file"] > input[type="button"]::-moz-focus-inner { border: 1px dotted transparent; padding: 0px 2px 0px 2px; }
input[type="file"] > input[type="button"]:focus::-moz-focus-inner { border-color: ButtonText; }
input[type="file"] > input[type="text"] { background-color: inherit; border-color: inherit; color: inherit; direction: ltr !important; font-size: inherit; letter-spacing: inherit; text-align: inherit; }
input[type="file"] { -moz-appearance: none; -moz-binding: none; border-style: none !important; cursor: default; padding: 0 !important; white-space: nowrap; }
input[type="hidden"] { -moz-appearance: none; -moz-binding: none; -moz-user-focus: ignore; border: 0; cursor: auto; display: none !important; padding: 0; }
input[type="image"] { -moz-appearance: none; -moz-binding: none; background-color: transparent; border: none; cursor: pointer; font-family: sans-serif; font-size: small; padding: 0; }
input[type="image"]:focus { outline: 1px dotted; }
input[type="image"][disabled] { cursor: inherit; }
input[type="radio"] { -moz-appearance: radio; -moz-binding: none; -moz-border-radius: 100% !important; -moz-box-sizing: border-box; background-color: -moz-Field ! important; border: 2px inset ThreeDFace ! important; color: -moz-FieldText ! important; cursor: default; height: 13px; margin: 3px 3px 0px 5px; padding: 0 !important; width: 13px; }
input[type="radio"]:focus { border-style: groove !important; }
input[type="radio"]:hover:active { background-color: ThreeDFace ! important; border-style: inset !important; }
input[type="radio"][disabled] { background-color: ThreeDFace ! important; border: 1px inset ThreeDShadow ! important; color: GrayText ! important; cursor: inherit; padding: 1px; }
input[type="radio"][disabled]:active { background-color: ThreeDFace ! important; border: 1px inset ThreeDShadow ! important; color: GrayText ! important; cursor: inherit; padding: 1px; }
input[type="radio"][disabled]:hover { background-color: ThreeDFace ! important; border: 1px inset ThreeDShadow ! important; color: GrayText ! important; cursor: inherit; padding: 1px; }
input[type="radio"][disabled]:hover:active { background-color: ThreeDFace ! important; border: 1px inset ThreeDShadow ! important; color: GrayText ! important; cursor: inherit; padding: 1px; }
input[type="reset"] { -moz-appearance: button; -moz-binding: none; -moz-box-sizing: border-box; -moz-user-select: none; background-color: ButtonFace; border: 2px outset ButtonFace; color: ButtonText; cursor: default; font: -moz-button; line-height: normal !important; padding: 0px 6px 0px 6px; text-align: center; text-shadow: none; white-space: pre; }
input[type="reset"]::-moz-focus-inner { border: 1px dotted transparent; padding: 0px 2px 0px 2px; }
input[type="reset"]:active:hover { background-color: ButtonFace; border-style: inset; color: ButtonText; padding: 0px 5px 0px 7px; }
input[type="reset"]:focus::-moz-focus-inner { border-color: ButtonText; }
input[type="reset"]:hover { background-color: -moz-buttonhoverface; color: -moz-buttonhovertext; }
input[type="reset"][disabled] { border: 2px outset ButtonFace; color: GrayText; cursor: inherit; padding: 0px 6px 0px 6px; }
input[type="reset"][disabled]:active { border: 2px outset ButtonFace; color: GrayText; cursor: inherit; padding: 0px 6px 0px 6px; }
input[type="submit"] { -moz-appearance: button; -moz-binding: none; -moz-box-sizing: border-box; -moz-user-select: none; background-color: ButtonFace; border: 2px outset ButtonFace; color: ButtonText; cursor: default; font: -moz-button; line-height: normal !important; padding: 0px 6px 0px 6px; text-align: center; text-shadow: none; white-space: pre; }
input[type="submit"]::-moz-focus-inner { border: 1px dotted transparent; padding: 0px 2px 0px 2px; }
input[type="submit"]:active:hover { background-color: ButtonFace; border-style: inset; color: ButtonText; padding: 0px 5px 0px 7px; }
input[type="submit"]:focus::-moz-focus-inner { border-color: ButtonText; }
input[type="submit"]:hover { background-color: -moz-buttonhoverface; color: -moz-buttonhovertext; }
input[type="submit"][disabled] { border: 2px outset ButtonFace; color: GrayText; cursor: inherit; padding: 0px 6px 0px 6px; }
input[type="submit"][disabled]:active { border: 2px outset ButtonFace; color: GrayText; cursor: inherit; padding: 0px 6px 0px 6px; }
select > input[type="button"] { -moz-appearance: menulist-button; -moz-box-sizing: border-box ! important; background-image: url("arrow.gif") !important; background-position: center !important; background-repeat: no-repeat !important; height: 100% ! important; position: static !important; vertical-align: top !important; white-space: nowrap; width: 12px; }
select > input[type="button"]:active { background-image: url("arrowd.gif") !important; }
select[disabled] > input[type="button"] { border: 2px outset ButtonFace; color: GrayText; cursor: inherit; padding: 0px 6px 0px 6px; }
select[disabled] > input[type="button"]:active { border: 2px outset ButtonFace; color: GrayText; cursor: inherit; padding: 0px 6px 0px 6px; }
ie6
input { background-color: #fff; border: 2px inset; font: 10pt Arial; has-layout: true; overflow: hidden; padding: 1px; }
input[type="button"] { background-color: #d4d0c8; border-style: outset; padding: 0; text-align: center; }
input[type="checkbox"] { background-color: transparent; border: medium none; font: 12pt Times New Roman; overflow: visible; padding: 0; }
input[type="image"] { background-color: transparent; border: medium none; font: 12pt Times New Roman; overflow: visible; padding: 0; }
input[type="password"] { font-family: Tahoma; }
input[type="radio"] { background-color: transparent; border: medium none; font: 12pt Times New Roman; overflow: visible; padding: 0; }
input[type="reset"] { background-color: #d4d0c8; border-style: outset; padding: 0; text-align: center; }
input[type="submit"] { background-color: #d4d0c8; border-style: outset; padding: 0; text-align: center; }
ie7
input { background-color: #fff; border: 2px inset; font: 10pt Arial; has-layout: true; overflow: hidden; padding: 1px; }
input[type="button"] { background-color: #d4d0c8; border-style: outset; padding: 0; text-align: center; }
input[type="checkbox"] { background-color: transparent; border: medium none; font: 12pt Times New Roman; overflow: visible; padding: 0; }
input[type="image"] { background-color: transparent; border: medium none; font: 12pt Times New Roman; overflow: visible; padding: 0; }
input[type="radio"] { background-color: transparent; border: medium none; font: 12pt Times New Roman; overflow: visible; padding: 0; }
input[type="reset"] { background-color: #d4d0c8; border-style: outset; padding: 0; text-align: center; }
input[type="submit"] { background-color: #d4d0c8; border-style: outset; padding: 0; text-align: center; }
ie8
input { background-color: #fff; border: 2px inset; display: inline-block; font: 10pt Arial; has-layout: true; overflow: hidden; padding: 1px; }
input[type="button"] { background-color: #d4d0c8; border: 3px outset; box-sizing: border-box; padding: 1px 8px 8px; text-align: center; white-space: pre; }
input[type="checkbox"] { background-color: transparent; border: medium none; font: 12pt Times New Roman; overflow: visible; padding: 3px; }
input[type="image"] { background-color: transparent; border: medium none; font: 12pt Times New Roman; overflow: visible; padding: 0; }
input[type="password"] { font-family: Tahoma; }
input[type="radio"] { background-color: transparent; border: medium none; font: 12pt Times New Roman; overflow: visible; padding: 3px; }
input[type="reset"] { background-color: #d4d0c8; border: 3px outset; box-sizing: border-box; padding: 1px 8px 8px; text-align: center; white-space: pre; }
input[type="submit"] { background-color: #d4d0c8; border: 3px outset; box-sizing: border-box; padding: 1px 8px 8px; text-align: center; white-space: pre; }
opera 10.53
input { border: 2px #000; font: 10px "Lucida Grande"; padding: 1px; }
input[type="button"] { box-sizing: border-box; font-size: 12px; padding: 1px 8px 8px; text-align: center; }
input[type="checkbox"] { box-sizing: border-box; margin: 3px 3px 3px 4px; }
input[type="file"] { box-sizing: border-box; }
input[type="image"] { border: 0 #000; font: 16px "Times New Roman"; padding: 0; }
input[type="radio"] { box-sizing: border-box; margin: 3px 3px 0 5px; }
input[type="reset"] { box-sizing: border-box; font-size: 12px; padding: 1px 8px 8px; text-align: center; }
input[type="submit"] { box-sizing: border-box; font-size: 12px; padding: 1px 8px 8px; text-align: center; }
safari 4.0.5
input { -webkit-appearance: textfield; -webkit-rtl-ordering: logical; -webkit-user-select: text; background-color: white; border: 2px inset; color: initial; cursor: auto; display: inline-block; font: -webkit-small-control; letter-spacing: normal; line-height: normal; margin: 0; padding: 1px; text-align: -webkit-auto; text-indent: 0; text-shadow: none; text-transform: none; word-spacing: normal; }
input:-webkit-autofill { background-color: #faffbd !important; background-image: none !important; }
input::-webkit-input-placeholder { color: darkGray; }
input:focus { outline-offset: -2px; }
input[readonly]:focus { outline: none; }
input[type="button"] { -webkit-appearance: push-button; -webkit-box-align: center; -webkit-box-sizing: border-box; background-color: ButtonFace; border: 2px outset ButtonFace; color: ButtonText; cursor: default; padding: 2px 6px 3px 6px; text-align: center; white-space: pre; }
input[type="button"]:active { border-style: inset; }
input[type="button"]:active:disabled { border-style: outset; }
input[type="button"]:disabled { color: GrayText; }
input[type="button"]:focus { outline-offset: 0; }
input[type="checkbox"] { -webkit-appearance: checkbox; -webkit-box-sizing: border-box; background-color: initial; border: initial; margin: 3px 0.5ex; padding: initial; }
input[type="checkbox"]:focus { outline-offset: 0; }
input[type="file"] { -webkit-appearance: initial; -webkit-box-align: baseline; background-color: initial; border: initial; padding: initial; text-align: start !important; }
input[type="file"]::-webkit-file-upload-button { -webkit-appearance: push-button; -webkit-box-align: center; -webkit-box-sizing: border-box; background-color: ButtonFace; border: 2px outset ButtonFace; color: ButtonText; cursor: default; padding: 2px 6px 3px 6px; text-align: center; white-space: pre; }
input[type="file"]:active::-webkit-file-upload-button { border-style: inset; }
input[type="file"]:active:disabled::-webkit-file-upload-button { border-style: outset; }
input[type="file"]:disabled::-webkit-file-upload-button { color: GrayText; }
input[type="file"]:focus { outline-offset: 0; }
input[type="file"]:focus::-webkit-file-upload-button { outline-offset: 0; }
input[type="hidden"] { -webkit-appearance: initial; background-color: initial; border: initial; display: none; padding: initial; }
input[type="hidden"]:focus { outline-offset: 0; }
input[type="image"] { -webkit-appearance: initial; background-color: initial; border: initial; padding: initial; }
input[type="image"]:focus { outline-offset: 0; }
input[type="password"] { -webkit-appearance: textfield; -webkit-rtl-ordering: logical; -webkit-text-security: disc !important; -webkit-user-select: text; background-color: white; border: 2px inset; cursor: auto; padding: 1px; }
input[type="radio"] { -webkit-appearance: radio; -webkit-box-sizing: border-box; background-color: initial; border: initial; margin: 3px 0.5ex; padding: initial; }
input[type="radio"]:focus { outline-offset: 0; }
input[type="range"] { -webkit-appearance: slider-horizontal; border: initial; margin: 2px; padding: initial; }
input[type="range"]::-webkit-slider-thumb { -webkit-appearance: sliderthumb-horizontal; }
input[type="reset"] { -webkit-appearance: push-button; -webkit-box-align: center; -webkit-box-sizing: border-box; background-color: ButtonFace; border: 2px outset ButtonFace; color: ButtonText; cursor: default; padding: 2px 6px 3px 6px; text-align: center; white-space: pre; }
input[type="reset"]:active { border-style: inset; }
input[type="reset"]:active:disabled { border-style: outset; }
input[type="reset"]:disabled { color: GrayText; }
input[type="reset"]:focus { outline-offset: 0; }
input[type="search"] { -webkit-appearance: searchfield; -webkit-box-sizing: border-box; -webkit-rtl-ordering: logical; -webkit-user-select: text; background-color: white; border: 2px inset; cursor: auto; padding: 1px; }
input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: searchfield-cancel-button; display: inline-block; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: searchfield-decoration; display: inline-block; }
input[type="search"]::-webkit-search-results-button { -webkit-appearance: searchfield-results-button; display: inline-block; }
input[type="search"]::-webkit-search-results-decoration { -webkit-appearance: searchfield-results-decoration; display: inline-block; }
input[type="search"]:focus { outline-offset: 0; }
input[type="submit"] { -webkit-appearance: push-button; -webkit-box-align: center; -webkit-box-sizing: border-box; background-color: ButtonFace; border: 2px outset ButtonFace; color: ButtonText; cursor: default; padding: 2px 6px 3px 6px; text-align: center; white-space: pre; }
input[type="submit"]:active { border-style: inset; }
input[type="submit"]:active:disabled { border-style: outset; }
input[type="submit"]:disabled { color: GrayText; }
input[type="submit"]:focus { outline-offset: 0; }