In Chrome, how to prevent the yellow border from appearing during the Focus of input [text] And textarea

In particular, input [text] And textarea, and there is also a function of dragging the size of the table textarea in the lower right corner of textarea, as shown in:

Input [text]:

Textarea:

Sometimes the yellow border affects the page effect, and the layout is directly affected after the textarea is dragged to change the size, so in order not to affect the page with these redundant functions and effects, you can use CSS to clear the default Effect of chrome,CodeAs follows:

The yellow border generated when the form item focus is canceled:

Copy codeThe Code is as follows: input, button, select, textarea {outline: None}

Cancel the function of changing the size by dragging textarea:Copy codeThe Code is as follows: textarea {resize: None}

After merging:Copy codeThe Code is as follows: input, button, select, textarea {outline: none ;}
Textarea {font-size: 13px; resize: none ;}