Nightly 70: Wie kann man dieses Schloss für eine "unsichere Verbindung" per CSS gegen ein anderes Icon austauschen?
Nightly: Schloss (unsichere Verbindung), Icon ändern
-
Pentomino -
15. August 2019 um 07:57 -
Erledigt
-
Teste bitte:
CSS#urlbar[pageproxystate="valid"] > #identity-box.notSecure > #identity-icon, #urlbar[pageproxystate="valid"] > #identity-box.insecureLoginForms > #identity-icon, #urlbar[pageproxystate="valid"] > #identity-box.mixedActiveContent > #identity-icon { list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACRElEQVQ4ja1Tv2sacRR/kF8mkARvSBZBvIBDJu1tRzOc253TDXK4H0KcDnsg+KVLoRqIixlShJDNoYFCacmk7V8gJIsaonUJxh8IWu3dIvLp0PMaS9qpH3jDe7zPh/eT6H/jnIj/sr5+cuv3ox0Oox0O49bvx9e1teI5kfBP8geiREsUMTVNzPL5JbMZQ0sU8ZEo/Sy5tLKS6KoqZvk8xskkbMaWbJxMYpbPo69peL+6uizyikhoSxJsxtBRFDRlGV1VxdQ0YTOGrqqiKcvoKApsxtCUZbx+2s6nvb3iOJnESNcxKBQAAOOzM9wHg7gPBt3YoFDAMB7HxDDweX//ioi8RETeG1HESNfREkU8plJYoJvLoZfJuH4vk0HLyb0RRSwE+KYsoy1JqPt8qHEcHlMpzC3LJc4tC71MBjWOQ93nQ0sU0ZRlEBFPRMQ3JMldWTscRo3j8P362hWYVCqocdxSTkOSQM4c+Kog4CESwUMkgrtAAN1cDn9iUCjgLhBw86qC8Fvg3cFBua9p6CiKO7DFIMenp0siHUVBX9NwGQxWFy14X3g8iYYkYaTrsEslzC0LdqmEYTyOYTyOHxcXbmyk62jKMl5ubqbdLRCRcLyzc9VVVdiMwcpmMTEMTE0TU9PExDBgZbOwGUNf02Ds7pad8r2LU/ASUUzf2CjXjo5gM/bsKTckCcceT5mIYk/JC/BEFDskKr7Z2qpWQiHUo1HUo1FUQiG83d7+dkhUdMj83/7J65SWoF9Pc+JY2oktlU1E9BOincS+OrUWwQAAAABJRU5ErkJggg==") !important; }Das Icon musst du dir dann anpassen.
-
Klappt alles super und wie gewünscht! Wieder mal "Danke" für die blitzschnell gelieferten Codes.
-
Freut mich, war wie immer gern geschehen
-
Sind die Zusätze betreffend
Ob sie wirklich wichtig sind kann ich dir leider nicht sagen, ich habe einfach die kompl. Bezeichnung aus den Browser-Werkzeugen übernommen.
-
Danke für die Info. Werde die Zusätze "im Hinterkopf behalten", falls Webseiten auftreten, bei denen "irgendetwas anders" läuft...
-
Ich denke, wenn du die beiden Angaben weglässt, wird wahrscheinlich auf unsicheren Seiten mit Anmeldeformularen und gemischtem aktiven Inhalt das Standard-Symbol für unsichere Inhalte verwendet.
-
Könnte sein....Ist halt manchmal schwierig, entsprechende Beispielseiten zum Testen zu finden
-
Drum habe ich mir das verkniffen.
Behalte es einfach im Hinterkopf und du brauchst dann nicht lange rätseln, wenn mal solch ein Fall eintritt. -
Oder einfach die Einträge benutzen, letztlich sind sie so ja auch im Fx vorhanden.
-
Wäre ja auch alles kein wirkliches Problem, sondern nur eine "Schönheitskorrektur"!
-
Du kannst ja alle drei Regeln getrennt aufnehmen, kommentierst aber diese beiden Regeln aus. Wenn du dann irgendwann mal das Standardsymbol siehst, brauchst du bloß die Kommentarzeichen entfernen und nicht erst einmal neu überlegen, wie denn die Regeln für Seiten mit Anmeldeformular bzw. gemischtem aktiven Inhalt lauten.
-
Ja, außerdem könnte ich entsprechend geänderte Icons auch speziell für z.B. "unsichere Seiten mit Anmeldeformularen" verwenden, was das Erlebnis im Internet noch komplexer und schöner gestaltet
-
Du kannst das auch noch deutlicher machen
CSS#identity-icon-label[value="Nicht sicher"] { color: red; font-weight: bold; } -
Das ist ja "der Hammer"!! Werde ich gleich auf meine Bedürfnisse anpassen. Damit entgeht mir nun wirklich keine unsichere Seite mehr.
Phantastisch, was man alles so modifizieren kann! -
Teste bitte wieder:
CSS#identity-icon-labels label#identity-icon-label.plain { font-size: 0px !important; } #identity-icon-labels::after { font-size: 18px !important; content:"Unsichere Seite" !important; color: red; } -
Oder auch einfach so
CSS#identity-icon-label[value="Nicht sicher"] { font-size: 0px !important; } #identity-icon-labels::after { font-size: 18px !important; content:"Unsichere Seite" !important; color: red; }