Thank you all! I found a solution to my problem: You must add this customm css to change Choose file (Upload file) style:
input[type=”file”]::-webkit-file-upload-button: {
…
}
Здравствуйте! Подскажите пожалуйста подробнее, как Вы решили эту задачу. Моя задача заключается в следующем: мне вместо стандартной кнопки загрузки файлов, необходимо вставить небольшую картинку, по типу открытой папки, чтобы визуально это выглядело интерестнее. Возможно ли это сделать? Я так понял, Вы решали примерно ту же задачу. Заранее благодарю за помощь!!
Мне нужно было увет и шрифт менять и анимацию при наведении.
Обычное состояние:
input[type="file"]::-webkit-file-upload-button {...}
При наведении (hover):
input[type="file"]::-webkit-file-upload-button:hover {...}
Мой код полностью:
input[type="file"]::-webkit-file-upload-button {
cursor: pointer;
background-color: #1d1d1d;
border: 0px;
width: 50%;
height: 40px;
border-radius: 0px;
color: #ffcc33;
letter-spacing: .01em;
font-size: 12px;
font-weight: 300;
margin-left: -15px;
font-family: 'PT Sans';
text-transform: uppercase;
}
input[type="file"]::-webkit-file-upload-button:hover {
background-color: #ffcc33;
color: #1d1d1d;
transition: 0.5s;
}
В вашем случае нужно задать фоновый рисунок. Я не уверен, но вроде бы так:
background-image: url(images/bg.jpg);
все это вставляется в: Внешний вид – Настроить – Дополнительные стили (Custom CSS)
Или с помощью плагина Simple Custom CSS
