зеркало из https://github.com/mozilla/gecko-dev.git
42 строки
828 B
HTML
42 строки
828 B
HTML
<!DOCTYPE html>
|
|
<meta charset=utf-8>
|
|
<title>Test for logical properties of input type=color in the UA stylesheet</title>
|
|
<style>
|
|
.v-rl { writing-mode: vertical-rl; }
|
|
.ltr, .rtl, .v-rl { border: 1px solid blue; }
|
|
.a { -moz-appearance: none; }
|
|
|
|
.ltr input[type="color"],
|
|
.rtl input[type="color"] {
|
|
width: 64px;
|
|
height: 23px;
|
|
padding: 1px 8px;
|
|
}
|
|
|
|
.v-rl input[type="color"] {
|
|
height: 64px;
|
|
width: 23px;
|
|
padding: 8px 1px;
|
|
}
|
|
|
|
@supports -moz-bool-pref("widget.non-native-theme.enabled") {
|
|
:is(.ltr, .rtl, .v-rl) input[type="color"] {
|
|
padding: 4px;
|
|
}
|
|
}
|
|
</style>
|
|
<div class=ltr>
|
|
<input type=color><br>
|
|
<input type=color class=a><br>
|
|
</div>
|
|
|
|
<div class=rtl dir=rtl>
|
|
<input type=color><br>
|
|
<input type=color class=a><br>
|
|
</div>
|
|
|
|
<div class=v-rl>
|
|
<input type=color><br>
|
|
<input type=color class=a><br>
|
|
</div>
|