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

emilio · moz-wptsync-bot · commit 1d2ce74d35d0 · 2020-05-25T23:57:04.000Z
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
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">

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+<!doctype html>`
	`2`	`+<title>CSS Test Reference</title>`
	`3`	`+<input type="file">`