Подскажите, возможно ли в textarea или input-е сделать так, чтобы при достижении правого борта (то есть границы поля), после того, как идет перенос на следующую строку текст не съезжал вверх, а вместо этого увеличивалась Высота поля? Возможна ли такое реализовать без js, а если не возможно, то подскажите в какую сторону копать)
1 ответ
Без JS нельзя, но можно вместо инпута использовать обычный элемент и стилизовать его под инпут:
.input{
border:1px solid #ccc;
border-color: #666 #ccc #ccc #666;
box-shadow: 1px 1px 5px #ccc inset;
padding: 10px;
}
<div class="input" contenteditable="true">Введите текст здесь</div>
-
Я бы добавил
.input::before { content: attr(title); } .input:focus::before { content: ''; }
иtitle='Введите текст здесь'
в<div />
– Евгений Миронов 20 июн '17 в 10:18