In chrome, how to prevent the yellow border from appearing in the focus of input [text] And textarea _ javascript skills

Chrome is a very good web browser for both developers and general users. However, during development, it makes people feel that many other features are, A yellow border, especially the input [text] And textarea, appears when the control in the form item is focused. in the lower right corner of the textarea, a function of dragging the size of the table textarea is available, 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 the following CSS statements to clear the default Effect of chrome. The Code is as follows:

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

The Code is as follows:

Input, button, select, textarea {outline: none}

Cancel the function of changing the size by dragging textarea:

The Code is as follows:

Textarea {resize: none}

After merging:

The Code is as follows:

Input, button, select, textarea {outline: none ;}
Textarea {font-size: 13px; resize: none ;}