CSS изменить размер по горизонтали?

Question

Я хочу иметь поле (div или textarea или другой элемент), по которому пользователь может щелкнуть правую границу и перетащить правую боковую границу, чтобы уменьшить или увеличить размер поля.

Мне удалось создать div с помощью css "resize: горизонтальный;"атрибута, но я не могу найти способ стилизации граббера, чтобы он был выровнен по правой границе элемента.

Это самый близкий, который я смог получить.Я бы предпочел не использовать javascript, и я определенно не хочу включать внешний пакет или библиотеку просто для достижения этой цели.

textarea {
  resize: horizontal; 
}  
::-webkit-resizer {
   border-left: 1px solid black;
   border-right: 1px solid black;
}

<textarea>some text here.</textarea>

Answer 1

Не вся граница, по умолчанию resize будет вставлять иконку с изменяемым размером только в правом нижнем углу, и только эта маленькая иконка будет перетаскиваемой.

См .: https://developer.mozilla.org/en-US/docs/Web/CSS/resize

Чтобы получить всю «границу», вы можете использовать это решение: Изменение размера div при перетаскивании границы без добавления дополнительной разметки