HTML -файл ввод с чистым CSS [закрыто] ⇐ Html

[Anonymous]

Я пытаюсь стилизовать ввод файла, чтобы выглядеть лучше. Я смотрел кучу учебных пособий, но они всегда используют «дисплей: нет» при вводе и стилизуют этикетку, чтобы выглядеть как кнопка. Это отлично работает, но это мешает пользователю увидеть имя выбранного файла. Есть способ исправить это с помощью JS, но мне нужно сделать это с чистым HTML и CSS. Есть способ сделать это?Send your file:


input[type="file"] {
display: none;
label {
padding: 20px 10px;
width: 200px;
background-color: #333;
color: #FFF;
text-transform: uppercase;
text-align: center;
display: block;
margin-top: 10px;
cursor: pointer;
}


Подробнее здесь: https://stackoverflow.com/questions/797 ... h-pure-css