How to modify the border color of the search box selected with input in HTML

How to modify the border color of the search box selected with input in HTML

, the inner border turns blue when I select the input box.

My question is:

1, how to remove the blue?

2, how to change to another color?

First of all, thanks to the UI designer for the requirements, the workaround is as follows:

The code is as follows:

input[type=text]:focus{
    Outline:none;    How do I get rid of blue?
    border:1px solid #58b195; How do I change to another color?
}

Note: Input has many type types, depending on the type, or it can be written in the following form:

input:focus{
    Outline:none;    How do I get rid of blue?
    border:1px solid #58b195; How do I change to another color?
}

How to modify the border color of the search box selected with input in HTML