Как склеить input + a?

Question

[Ришат Султанов]

Добры вечер.
Как можно склеить данные вещи?

Comments

[Андрей]

А что значит склеить?) Вот на скриншоте они прекрасно склеены уже, ровненько так.

[Hyubert]

https://habrahabr.ru/post/189570/

[Ришат Султанов]

Андрей: Кликабельность на a, вызывалось input files :)

[Ришат Султанов]

Hyubert: Немного другой там вариант как я понял.

[Hyubert]

Ришат Султанов: правильный вариант (по стандартам W3C)
тег должен делать то для чего его придумали (семантика), Вы питаетесь зделать что то непонятное.

Answer 1

[Андрей Федоров]

Можно просто label'ом сделать... https://codepen.io/aliencash/pen/bRmOxm

Answer 2

[Андрей Саныч]

input-у даешь opacity: 0; position: absolute; z-index-ом ставишь его над ссылкой

Comments

[Ришат Султанов]

Такс, спасибо, с первыми двумя разобрался. Можете с z-index-ом немного объяснить ?

[Андрей Саныч]

Ришат Султанов: типа так https://jsfiddle.net/d3a2Lrts/
Стилизируйте под себя)