Если открыть сайт с безопасным сертификатом, то в адресной строке будет такой значок защищённого соединения:

Я захотел добавить зеленоватый фон для этого значка, чтобы было лучше видно, что соединение защищено.
Для изменения цвета фона значка, нужно добавить в файл userChrome.css такие строчки:

/* Secure connection icon background color */
#identity-box[class^="verifiedDomain"] {
  background-color: #cddfd0;
  border-radius: 3px; /* rounded corners of the icon */
}

Теперь видно лучше:

Незащищённое соединение можно подсветить так:

#identity-box[class^="notSecure"]
{
  background-color: #dfd0d0;
  border-radius: 3px; /* rounded corners of the icon */
}

Чтобы правила из userChrome.css работали, нужно включить его поддержку!

• Об авторе
• Недавние публикации

DenTNT

Задать вопрос в Telegram:
@dentnt.trmw.ru
Помочь проекту: Яндекс.Деньги

DenTNT недавно публиковал (посмотреть все)

• Не приходит СМС для авторизации на сайте Госуслуги - 01.11.2024
• VSCode: Найти и удалить элементы xml - 29.10.2024
• WordPress: Ошибка в плагине WpDiscuz - 08.10.2024