CSS水平调整大小？

Question

我想要一个框（div或textarea或其他元素），用户可以单击该框的右边框并拖动右侧边框以使该框变小或变大。

我已经能够使用CSS“ resize：horizo​​ntal;”创建一个div。属性，但是我找不到一种方法来设置抓取器的样式，使其与元素的右边界对齐。

这是我所能获得的最接近的值。 我希望不必使用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

要拥有整个“边界”，可以使用以下解决方案： Resize a div on border drag and drop without adding extra markup