I need to increase the resizing (right-bottom) corner of textbox for better accessibility. Is there some way to do it with css?

CodePudding user response：

You can use the ::-webkit-resizer pseudo-element to add styling rules to resizing controls.

::-webkit-resizer {
    border: 2px solid red;
    outline: 2px solid yellow;
}

<textarea></textarea>

<iframe name="sif1" sandbox="allow-forms allow-modals allow-scripts" frameborder="0"></iframe>

Compatibility: https://developer.mozilla.org/en-US/docs/Web/CSS/::-webkit-scrollbar#-webkit-resizer

CodePudding user response：

Add the property resize: none; to the <textarea> element.