悬停在框边框上时如何获得"resize"类型的光标？

Question

我正在尝试将光标属性从 :default更改为 :se-resize，当时在 border 上悬停在box hose 唯一的时。有什么办法如何在CSS中进行操作？我需要选项仅在CSS中！

html：

<textarea placeholder="..."></textarea>   

CSS：

textarea {
width: 510px;
height: 140px;
padding: 5px 0;
border:2px solid #dddddd;
outline-style:none;
color: #777777;

}

Answer 1

在这里，使用包装div尝试盘旋。

.border {
  background-color: red;
  cursor: e-resize;
  padding: 5px;
}
.contents {
  background-color: white;
  cursor: default;
  height: 100px;
  line-height: 100px;
  text-align: center;
}

<div class="border">
<div class="contents">
  Hello World
</div>
</div>

另外：https：//jsfiddle.net/vyk4c21b/9/