Как переоформить кнопки input?

Question

[тостер хабрович]

непонимаю логику:

var кнопка_загрузить = document.createElement('input');
кнопка_загрузить.type='submit';
кнопка_загрузить.className = 'кнопка_загрузить';  //стиль применен частично - не работает выбор гарнитуры шрифта
кнопка_загрузить.textContent = 'загрузить';  //текст кнопки не изменился

var кнопка_выбрать = document.createElement('input');
кнопка_выбрать.className = 'кнопка_выбрать';  //оформляется контейнер а не кнопка "Выбрать" - она дефолтная остается
кнопка_выбрать.type='file';
кнопка_выбрать.name='uploadfile';
форма_загрузки.appendChild(кнопка_выбрать);

Comments

[тостер хабрович]

Neoline: был не прав, да

Answer 1

[Сергей]

Для "input type="file"" задайте стиль "display: none" и создайте свою кнопку. На js напишите код что бы при нажатии на вашу кнопку срабатывала скрытая type="file". Далее нужно отправить форму, можно использовать jquery - ajaxForm или просто $.ajax или свой код написать

Answer 2

[Евгений]

А что мешает кастомизировать кнопку?
codepen.io/wallaceerick/pen/fEdrz