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

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

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

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

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

<textarea>some text here.</textarea>