Как сделать нижний скролл у input?

Question

[travel_56]

Есть input в котором должны быть скроллы , но они не появляются .
Вот стили:

input.nik{
width: 55px;
height: 100px;

outline: none;
font-family: 'Roboto-Regular';
font-size: 93%;
background-color: #fff3e1;
border: none;
overflow: scroll
}
input[type="text"]{
width: 55px;
height: 100px;
overflow: scroll;
border-bottom: 3px solid #ffc670;
}

Answer 1

[Андрей]

используйте textarea вместо input

Answer 2

[Дмитрий]

создайте обертку из div и к нему применяйте скролл
https://jsfiddle.net/soledar10/34pwLj56/