Как удалить / изменить границу при щелчке внутри поля ввода?

Question

Щелкните внутри поля поиска на этом сайте, и вы увидите что я имею в виду .Есть ли способ удалить это?Кроме того, если я решу оставить его, как я могу изменить его размеры?

Спасибо, Крис

Answer 1

Попробуйте это:

input[type="text"], input[type="password"], textarea, select { 
    outline: none;
}

Answer 2

Иногда то, что выглядит как граница, на самом деле является тенью границы, как в случае с Bootstrap, поэтому вы должны использовать:

#myelement:focus {
    box-shadow: none;
}

Answer 3

попробуйте тоже.

*:focus {
    outline: none;
}