‘Choose file’ button syle

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