Radius border

Question

Hi dear friends,
greetings,
I have recently designed a login form and used radius border for input types when click on it the second rectangular border appear with it, I am new with CSS kindly help me how to remove the rectangular border at every corner.
https://code.sololearn.com/WCrM17M54uMR/?ref=app

Answer 1

Like ‏‏‎ ‎Satnam wrote, you have to remove the outline.
But you should put it in your input:focus selector.

.box input[type="text"]:focus , .box input[type="password"]:focus
{
border: 2px solid #2ecc81;
width: 280px;
outline: none;
}