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

Я захотел добавить зеленоватый фон для этого значка, чтобы было лучше видно, что соединение защищено.
Для изменения цвета фона значка, нужно добавить в файл 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 недавно публиковал (посмотреть все)

• WPF: Не обновляется привязка к TextBox - 29.04.2025
• GitHub Desktop: Ошибка при попытке отправки коммита - 28.03.2025
• Visual Studio: Включить XAML Live Preview - 24.03.2025