使用调整大小样式更改元素的调整大小图标 [英] change resize icon of an element with resize style applied

问题描述

例如：

  .resize {
 background-color：red; 
 width：300px; 
 height：220px; 
调整大小：水平; 
溢出：auto; 
} 
  

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

查看底部的2条黑线对？如何更改该图标？

解决方案

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

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

How do you change resize icon of an element with resize style applied?

for example:

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

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

See those 2 black lines at the bottom right? How do you change that icon?

解决方案

I don't think it is possible to change that controller symbol. In your case, I can suggest this solution. Add background color red and it will disappear

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

这篇关于使用调整大小样式更改元素的调整大小图标的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！