Change Resize Icon Of An Element With Resize Style Applied

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:

Solution 1:

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;
}