应用调整大小样式更改元素的大小调整图标

Question

如何在应用调整大小样式的情况下更改元素的调整大小图标？

例如：

.resize{
  background-color:red;
  width:300px;
  height:220px;
  resize:horizontal;
  overflow: auto;
}

https://codepen.io/anon/pen/WOyQVq

看到右下方的那2条黑线？你如何改变这个图标？

Answer 1

我不认为可以更改控制器符号。在您的情况下，我可以建议这个解决方案。添加背景颜色红色，它将消失

.resize::-webkit-resizer {
background-color: red;
}