кнопка обзора не выровнена и измените ее на красный цвет

Question

Для загрузки изображения кнопка обзора не выровнена должным образом, а также как я могу изменить цвет кнопки обзора на красный?Я использовал поле файла.

Answer 1

Вы не можете стилизовать файловые поля с помощью CSS.Но с небольшой помощью javascript вы можете.

Идея проста:

Создать вход:

<input type="file" ... class="fade_input"/>

#Now place in image
<img src=... class="your_button_red_or_other_color"/>

Теперь задайте обе позиции абсолютные (в моем случае ярасполагал их в блоке с положительным положением) Перетащите кнопку ввода поверх и дайте ей больший z-индекс, чем кнопку, чтобы кнопка находилась под вводом.Теперь затухание ввода с непрозрачностью: 0 (не работает в IE, поэтому используйте javascript для затухания)

Предполагается, что идея понятна.