悬停时显示调整大小手柄

Question

我需要使用 resize: both 来调整元素的大小，它确实有效，但是我想在悬停元素时显示角手柄，有没有办法做到这一点？

这就是我只想在悬停时显示的句柄。

Answer 1

在:hover 规则中使用resize: both;

.resize {
  outline: 1px solid black;
  overflow: auto;
  min-height: 100px;
  min-width: 100px;
}

.resize:hover {
  resize: both;
}

<div class="resize"></div>