Не работает инпут в html шаблоне?

Question

[BotaniQ_Q]

Принесли готовый html шаблон, нужно его не много поменять, сейчас пытаюсь добавить bootstrap-овский

<span class="btn btn-default btn-file">
        Browse <input type="file">
    </span>

Но не работает как и обычный input, но если ввывести его не в том месте где нужно, а например сразу после body, то работает. Где искать причину почему он не работает, если это в стилях прописывается, можно ли присвоить инпуту свой класс и установить ему обычный стиль?

Comments

[BotaniQ_Q]

Денис Ефремов, вариантов инпута дохрена, но суть в том, что все они отображаются, но не кликабительны, нельзя открыть файл с помощью них, но это только в одном блоке кода где мне и нужно его вставить. В других div и вообще везде все работает

[MeloD]

Попробуйте через jquery trigger

Answer 1

[ukoHka]

Что значит не работает? Не отображается? Или дизайн не тот?

Comments

[BotaniQ_Q]

Отображается, но не кликабителен

[Сергей Горностаев]

BotaniQ_Q, значит или стиль или скрипт этой страницы отключает его.

[ukoHka]

Тогда причина явно не в приведенном коде.
Проверяйте в инспекторе код, какие свойства лишние появляются, что прописано в css и т.д. Скорее всего через js прописывается блокировка.

Answer 2

[khrisanov04]

Была похожая ситуация, не работала форма в футере, проблема оказалась в том что когда делал адаптивное меню бургер с помощью свойства left оно сдвигалось, и накрывало всю страницу большим значение z-index, иначе говоря мой хеадер был на весь вьюпорт.
Исправил тем что убрал heiht: 100%; у хеадера.
Может кому то поможет.