Implement the ::file-chooser-button pseudo-element.

As per w3c/csswg-drafts#5049. Don't enable it unconditionally just yet, as the name may change. I had to move some rules in forms.css because otherwise you get specificity conflicts. Differential Revision: https://phabricator.services.mozilla.com/D76214 bugzilla-url: https://bugzilla.mozilla.org/show_bug.cgi?id=1635675 gecko-commit: ff6c38ffa425135c02cd9988d8dfb6f12f63a1b5 gecko-integration-branch: autoland gecko-reviewers: jwatt
web-platform-tests · May 25, 2020 · 1d2ce74 · 1d2ce74
1 parent 7e024a2
commit 1d2ce74
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 0 deletions.
diff --git a/css/css-pseudo/file-chooser-button-001-notref.html b/css/css-pseudo/file-chooser-button-001-notref.html
@@ -0,0 +1,3 @@
+<!doctype html>
+<title>CSS Test Reference</title>
+<input type="file">
diff --git a/css/css-pseudo/file-chooser-button-001.tentative.html b/css/css-pseudo/file-chooser-button-001.tentative.html
@@ -0,0 +1,11 @@
+<!doctype html>
+<title>::file-chooser-button allows to customize the button in &lt;input type=file&gt;</title>
+<link rel="help" href="https://github.com/w3c/csswg-drafts/issues/5049">
+<link rel="mismatch" href="file-chooser-button-001-notref.html">
+<style>
+  input::file-chooser-button {
+    background: green;
+    color: white;
+  }
+</style>
+<input type="file">