summaryrefslogtreecommitdiffstats
path: root/layout/reftests/writing-mode/ua-style-sheet-button-1a-ref.html
diff options
context:
space:
mode:
Diffstat (limited to '')
-rw-r--r--layout/reftests/writing-mode/ua-style-sheet-button-1a-ref.html66
1 files changed, 66 insertions, 0 deletions
diff --git a/layout/reftests/writing-mode/ua-style-sheet-button-1a-ref.html b/layout/reftests/writing-mode/ua-style-sheet-button-1a-ref.html
new file mode 100644
index 0000000000..0a8dfd23e9
--- /dev/null
+++ b/layout/reftests/writing-mode/ua-style-sheet-button-1a-ref.html
@@ -0,0 +1,66 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<title>Test for logical properties of button in the UA stylesheet</title>
+<style>
+:root { color-scheme: light }
+
+.v-rl { writing-mode: vertical-rl; }
+.ltr, .rtl, .v-rl { border: 1px solid blue; }
+.a { -moz-appearance: none; }
+
+.ltr button,
+.rtl button,
+.ltr input[type="button"],
+.rtl input[type="button"] {
+ padding: 1px 8px;
+}
+
+.v-rl button,
+.v-rl input[type="button"] {
+ padding: 8px 1px;
+}
+
+.ltr button,
+.rtl button,
+.ltr input[type="button"],
+.rtl input[type="button"] {
+ padding: 1px 4px;
+}
+
+.v-rl button,
+.v-rl input[type="button"] {
+ padding: 4px 1px;
+}
+</style>
+<div class=ltr>
+ <button>one</button><br>
+ <button class=a>two</button><br>
+ <button disabled>three</button><br>
+ <button class=a disabled>four</button><br>
+ <input type="button" value="five"><br>
+ <input type="button" value="six" class=a><br>
+ <input type="button" value="seven" disabled><br>
+ <input type="button" value="eight" class=a disabled><br>
+</div>
+
+<div class=rtl dir=rtl>
+ <button>one</button><br>
+ <button class=a>two</button><br>
+ <button disabled>three</button><br>
+ <button class=a disabled>four</button><br>
+ <input type="button" value="five"><br>
+ <input type="button" value="six" class=a><br>
+ <input type="button" value="seven" disabled><br>
+ <input type="button" value="eight" class=a disabled><br>
+</div>
+
+<div class=v-rl>
+ <button>one</button><br>
+ <button class=a>two</button><br>
+ <button disabled>three</button><br>
+ <button class=a disabled>four</button><br>
+ <input type="button" value="five"><br>
+ <input type="button" value="six" class=a><br>
+ <input type="button" value="seven" disabled><br>
+ <input type="button" value="eight" class=a disabled><br>
+</div>