mirror of
https://github.com/servo/servo.git
synced 2025-07-14 19:03:40 +01: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.
17 lines
1.1 KiB
CSS
17 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; }
|