Как убрать или заменить черные края input при нажатии?

Question

[Dddjf]

<form>
    <p>Which flavor would you like to order?</p>
    <label>Full Name: <input name="firstName" type="text"></label>

Answer 1

[Dddjf]

Пришел к такому результату.

input:focus {
    background-color: white;
    outline: 0;
    border-width: thin;
    border-radius: 2px;
}

Comments

[Сергей delphinpro]

И теперь при навигации с клавиатуры становится непонятным, какой элемент находится в фокусе...
Не все и не всегда пользуются исключительно мышью.
Вы, как разработчик, должны учитывать это.

https://developer.mozilla.org/ru/docs/Web/CSS/:foc...

Answer 2

[Alexey]

outline: none;
border: none;
Попробуй по очереди, а потом вместе должно сработать.
Если не поможет, вот радикальный метод который убирает не только с input но еще и с button и с других.
:active, :hover, :focus {
outline: 0;
outline-offset: 0;
}

И вот еще такая команда есть, тоже по сути убирает