Remove the yellow focus box from the input (text box) or textarea in the WebKit (Chrome) browser

Using the WebKit Core browser is a pretty good web engine for developers and general users, but one of the things that makes people feel redundant in development is that a yellow border always appears when the controls in a form item are focused (360 haste mode is the kernel of WebKit, Compatibility mode is IE kernel and Trident kernel), especially input[text] and textarea, and in the lower right corner of the textarea there is a mouse to drag the size of the table textarea the function.

Sometimes the yellow border affects the page effect, and the textarea drag changes the size of the layout directly, so in order not to make these extra features and effects on the page, you can use a few CSS to clear out the Chrome browser default effect, the code is as follows:

Suppress the yellow border that occurs when a form item is focused:
Input,button,select,textarea{outline:none}

Remove the textarea drag to change the size of the function:
Textarea{resize:none}

Finally merge the above two CSS as follows:
input,button,select,textarea{Outline:none;}
textarea{font-size:13px; resize:none;}

Remove the yellow focus box from the input (text box) or textarea in the WebKit (Chrome) browser