Как удалить рамку у input?

Question

[Сергей Бурдужа]

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

input:focus, textarea:focus, select:focus {
	outline: none !important;
}

Вот ссылка на сайт v2.bludelego.it
Внизу на каждой странице есть форма.

Comments

[Alex]

Никогда. Не. Делайте. Собственный. Скролл!

[Сергей Бурдужа]

Alex, Почему?

[Сергей Бурдужа]

Alex, Я nicescroll отключил, но рамка не исчезла.

[Alex]

Сергей Бурдужа, Ну, представьте, что какой-то сайт решил переопределить чувствительность вашей мышки. Или перемещать её по экрану, в соответствии с тем, куда, по мнению разработчика, вы сейчас хотите кликнуть.

[Сергей Бурдужа]

Alex, Причем тут мышка, я про рамку у инпутов. Это совсем разные вещи.

[iBird Rose]

input:focus {outline: none;} помогает же. проверил в инспекторе. нет черной рамки с таким стилем

[Alex]

Сергей Бурдужа, А я вам не про рамку, а про то, что кастомный скролл вызывает у пользователю лютый дискомфорт и желание как можно скорее покинуть ваш сайт.

[Сергей Бурдужа]

iBird Rose, Нужно понять, почему стили не применяются

[archelon]

Это из-за недавнего обновления Chrome. Черная рамка на всех элементах форм при фокусе.
Здесь подробнее:
https://blog.chromium.org/2020/03/updates-to-form-...
https://developers.google.com/web/updates/2020/05/...

[Сергей Бурдужа]

archelon, Спасибо за ссылку, но на самом деле это был outline. Ну еще я и бордер тоже подкрасил до этого. Просто забыл плагин для кэширования отключить.
А самое интересное, что работаю над сайтом с утра, и только сейчас изменения не вступали в силу. Просто мистика.
Нужно привыкнуть работать в инкогнито.

Answer 1

[Арсений Матыцин]

Не знаю я, где ты прописываешь это правило:

input:focus, textarea:focus, select:focus {
  outline: none !important;
}

Но к данному полю оно не применяется никак. Оттого и outline работает, как ни в чем не бывало.

Comments

[Сергей Бурдужа]

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

[Арсений Матыцин]

Сергей Бурдужа, классика)

Answer 2

[Наглая Морда]

Вожно это поможет

* {
    outline: none;
}

Я не профессионал в вебе, но у меня такое решение работало. И я в курсе, что оно может убрать лишнее.

Comments

[Сергей Бурдужа]

А еще если плагин для кэширования вовремя отключить, то вообще классно было.

Answer 3

[Alex]

Это похоже на обычное выделение поля в фокусе, разве нет?