mirror of
https://github.com/servo/servo
synced 2026-05-13 02:17:06 +02:00
5f8d3f72d8
matching, and use it for `<input size>` and `<td width>`. This implements a general framework for legacy presentational attributes to the DOM and style calculation, so that adding more of them later will be straightforward.
18 lines
1.1 KiB
CSS
18 lines
1.1 KiB
CSS
input, 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; }
|
|
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 { content: "[ ]"; padding: 0; }
|
|
input[type="checkbox"][checked]::before { content: "[✓]"; }
|
|
input[type="radio"]::before { content: "( )"; padding: 0; }
|
|
input[type="radio"][checked]::before { content: "(●)"; }
|
|
|
|
td[align="left"] { text-align: left; }
|
|
td[align="center"] { text-align: center; }
|
|
td[align="right"] { text-align: right; }
|