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

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

• C#: Отобразить Unicode символ - 25.04.2024
• UWP: Visual Studio requires a newer version of Windows to display this content - 10.04.2024
• Воспроизводить треки подряд из всех папок в HiBy Music - 10.04.2024