Part 4: Change internal uses of -moz-appearance to appearance and -mo…

…z-default-appearance. Uses of `-moz-appearance: none` are changed to `appearance: none`. Uses of other values that are simply reverting the appearance back to its default are changed to `appearance: auto`. Uses of values in UA sheets that are defining the inherent appearance of widgets are changed to: appearance: auto; -moz-default-appearance: <value>; since those values are either no longer supported on (-moz-)appearance, or are still supported but only in some limited form. There are some uses of `-moz-appearance: textfield` on <input type=number> elements that are renamed to `appearance: textfield`. Differential Revision: https://phabricator.services.mozilla.com/D83430 bugzilla-url: https://bugzilla.mozilla.org/show_bug.cgi?id=1620467 gecko-commit: 7acbe8938c4eebca7ee68a37631479c699ca8393 gecko-integration-branch: autoland gecko-reviewers: emilio, webcompat-reviewers, geckoview-reviewers, preferences-reviewers, ntim, agi, miketaylr
bocoup · Jul 23, 2020 · 3a4291d · 3a4291d
1 parent e60c6ef
commit 3a4291d
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 0 deletions.
diff --git a/css/css-ui/appearance-auto-input-non-widget-001-ref.html b/css/css-ui/appearance-auto-input-non-widget-001-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>Reference: appearance: auto on non-widget input elements</title>
+<input type="hidden" value="abc">
+<input type="image" value="def">
+<input type="file">
diff --git a/css/css-ui/appearance-auto-input-non-widget-001.html b/css/css-ui/appearance-auto-input-non-widget-001.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Basic User Interface Test: appearance: auto on non-widget input elements</title>
+<link rel="help" href="https://drafts.csswg.org/css-ui-4/#appearance-switching">
+<meta name="assert" content="The default widget type for these elements is none.">
+<link rel="match" href="appearance-auto-input-non-widget-001-ref.html">
+<style>
+input { appearance: auto; }
+</style>
+<input type="hidden" value="abc">
+<input type="image" value="def">
+<input type="file">