? ? ? 文章

安全增强CSS:当以Https协议打开网址时,地址栏自动变色(修复)

这是一段火狐地址栏美化的CSS,主要作用是用颜色的变化来提示你当前网站是以普通HTTP协议访问,还是以HTTPS加密协议访问,尤其是一些敏感网站,会协助你更警惕的防止个人信息泄漏,当以普通HTTP协议访问网站时,火狐地址栏没有变化,当以HTTPS加密协议打开网站时,火狐地址栏就会变成绿色背景色(颜色值可以自己在CSS中修改),详细看图:

当以Https协议打开网址时,地址栏自动变色

当以Https协议打开网址时,地址栏自动变色

Https协议打开网址时地址栏变色样式下载【新版】
#urlbar{
position: relative!important;
z-index: 233!important;
}
#identity-box::before {
content: ''!important;
position: absolute!important;
height: 100%!important;
width: 100%!important;
top: 0!important;
right: 0!important
bottom: 0!important;
left: 0!important;
z-index: -1!important
}
#identity-box.weakCipher::before {
background-color: #FFFFB7 !important;
}
#identity-box.verifiedDomain::before {
background-color: #DDF9CC !important;
}
#identity-box.mixedDisplayContent::before {
background-color: #F7DFDF !important;
}

Https协议打开网址时地址栏变色样式下载【旧版】
/*Https协议打开网址时地址栏变色*/
#urlbar[level="low"]{
background-color: #FFFFB7 !important;
}
#urlbar[level="high"]{
background-color: #DDF9CC !important;
}
#urlbar[level="broken"]{
background-color: #F7DFDF !important;
}

原文链接:,转发请注明来源!
0 0

发表评论

  • 评论5则,共1页,当前第1