mirror of
https://github.com/servo/servo.git
synced 2025-06-06 00:25:37 +00:00
69ca066802
This adds -servo-left and -servo-right to complement -servo-center. This intentionally doesn't try to address issue #7301.
28 lines
2 KiB
CSS
28 lines
2 KiB
CSS
input, textarea, select { display: inline-block; }
|
|
input { background: white; min-height: 1.0em; padding: 0em; padding-left: 0.25em; padding-right: 0.25em; border: solid lightgrey 1px; color: black; white-space: nowrap; }
|
|
textarea { background: white; min-height: 1.0em; padding: 0em; padding-left: 0.25em; padding-right: 0.25em; border: solid lightgrey 1px; color: black; white-space: pre; }
|
|
button,
|
|
input[type="button"],
|
|
input[type="submit"],
|
|
input[type="reset"] { background: lightgrey; border-top: solid 1px #EEEEEE; border-left: solid 1px #CCCCCC; border-right: solid 1px #999999; border-bottom: solid 1px #999999; text-align: center; vertical-align: middle; color: black; }
|
|
input[type="hidden"] { display: none !important }
|
|
input[type="checkbox"],
|
|
input[type="radio"] { font-family: monospace !important; border: none !important; background: transparent; }
|
|
|
|
input[type="checkbox"]::before { display: inline-block; border: solid currentcolor 1px; content: ""; padding: 0; width: 1em; height: 1em; text-align: center; }
|
|
input[type="checkbox"]:checked::before { content: "✓"; }
|
|
input[type="checkbox"]:indeterminate::before { content: "-"; }
|
|
input[type="radio"]::before { display: inline-block; border: solid currentcolor 1px; content: ""; padding: 0; width: 1em; height: 1em; border-radius: 50%; text-align: center; }
|
|
input[type="radio"]:checked::before { content: "●"; line-height: 1em; }
|
|
|
|
select { border-style: solid; border-width: 1px; padding: 0.25em 0.5em; border-radius: 6px; background: white; }
|
|
select::after { content: ""; display: inline-block; border-width: 5.2px 3px 0 3px; border-style: solid; border-color: currentcolor transparent transparent transparent; margin-left: 0.5em; }
|
|
option { display: none !important }
|
|
option[selected] { display: inline !important }
|
|
|
|
td[align="left"] { text-align: left; }
|
|
td[align="center"] { text-align: center; }
|
|
td[align="right"] { text-align: right; }
|
|
|
|
center { text-align: -servo-center; }
|
|
|