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: 82df6f70ec60b3b63bca95f2dfe170e336d84c0c gecko-integration-branch: autoland gecko-reviewers: jwatt
web-platform-tests · May 25, 2020 · 26d0183 · 26d0183
1 parent b577b1f
commit 26d0183
Show file tree

Hide file tree

Showing 2 changed files with 13 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,10 @@
+<!doctype html>
+<title>::file-chooser-button allows to customize the button in &lt;input type=file&gt;</title>
+<link rel="mismatch" href="file-chooser-button-001-notref.html">
+<style>
+  input::file-chooser-button {
+    background: green;
+    color: white;
+  }
+</style>
+<input type="file">