Styling an input type=“file” button

Question

How do you style an input type=\"file\" button?

Answer 1

ONLY CSS

Use this very simple and EASY

.choose::-webkit-file-upload-button {
  color: white;
  display: inline-block;
  background: #1CB6E0;
  border: none;
  padding: 7px 15px;
  font-weight: 700;
  border-radius: 3px;
  white-space: nowrap;
  cursor: pointer;
  font-size: 10pt;
}

Attach your screenshort