Auto merge of #11869 - izgzhen:button-input-file, r=Manishearth

add button for file-type input element

---
<!-- Thank you for contributing to Servo! Please replace each `[ ]` by `[X]` when the step is complete, and replace `__` with appropriate data: -->
- [x] `./mach build -d` does not report any errors
- [x] `./mach test-tidy` does not report any errors
- [x] These changes fix #__ (github issue number if applicable).

- [x] These changes do not require tests because it is UI code

<!-- Pull requests that do not address these steps are welcome, but they will require additional verification as part of the review process. -->

<!-- Reviewable:start -->
---
This change is [<img src="https://reviewable.io/review_button.svg" height="35" align="absmiddle" alt="Reviewable"/>](https://reviewable.io/reviews/servo/servo/11869)
<!-- Reviewable:end -->

resources/servo.css

@@ -82,6 +82,17 @@ input[type="radio"]::before {
 
 input[type="radio"]:checked::before { content: "●"; line-height: 1em; }
 
+input[type="file"]::before {
+  content: "Choose File";
+}
+
+input[type="file"] {
+  background: lightgrey;
+  text-align: center;
+  vertical-align: middle;
+  color: black;
+}
+
 select {
   border-style: solid;
   border-width: 1px;