Убрать выделение текстовых полей и ввода

Question

Я немного заржавел в коде ... Кто-нибудь может вспомнить, как я не показываю эту подсветку в текстовых полях и полях ввода формы? Иногда он отображается черным, иногда желтым ... это зависит от браузера. Я хотел бы удалить это с помощью CSS, так как он будет основан на таблице стилей. См. Некоторые отпечатки:

Это изображение из настольной версии моего веб-сайта, когда выбрано текстовое поле, браузер сам выделяет это выделение черным.

В мобильном телефоне Chrome браузер показывает оранжевую подсветку.

Как я могу удалить это с помощью CSS с моего веб-сайта? Спасибо за вашу помощь.

Answer 1

@ rayees-a c @ritu @koolmale Спасибо за вас.

Answer 2

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

textarea:focus, 
textarea.form-control:focus, 
input.form-control:focus, 
input[type=text]:focus, 
input[type=password]:focus, 
input[type=email]:focus,
[type=text].form-control:focus, 
[type=password].form-control:focus, 
[type=email].form-control:focus,  {
  outline: none !important;
}

Answer 3

Попробуйте использовать свойство outline для css. Назначение outline: none удалит стиль фокуса браузера по умолчанию.

.outline:focus {
  outline: none;
}

<div>
  <input type="text" class="outline">
  <br/>
  <br/>
  <textarea class="outline"></textarea>
</div>

Для получения дополнительной информации о собственности outline загляните в mdn

Answer 4

Попробуйте установить "outline-property: none" в css для формы