Frage zum Wiki-Artikel „visited“

[Heinz Berecz]

Kann ich eine CSS-Datei erstellen, die für alle Webseiten im Internet gilt?

Ich hätte gerne eine Möglichkeit, die Farbe der Links zu bereits besuchte Webseiten einheitlich zu bestimmen.

[Rolf B]

Hallo Heinz Berecz,

Das hängt vom Browser ab. Suche nach "user style sheet".

Rolf

[MudGuard]

Hi,

Kann ich eine CSS-Datei erstellen, die für alle Webseiten im Internet gilt?

Die meisten Browser erlauben die Einrichtung einer user.css-Datei.

Wie das genau geht, hängt vom Browser ab.

cu,
Andreas a/k/a MudGuard

[Gunnar Bittersmann]

@@Heinz Berecz

Kann ich eine CSS-Datei erstellen, die für alle Webseiten im Internet gilt?

Ich hätte gerne eine Möglichkeit, die Farbe der Links zu bereits besuchte Webseiten einheitlich zu bestimmen.

Ohne dass jetzt ausprobiert zu haben würde ich sagen, dass du zumindest beim Firefox dafür kein Nutzerstylesheet brauchst, sondern das über die Einstellungen regeln kannst:

auf „Farben verwalten…“ clicken, im Dialogfenster deine gewünschten Farben einstellen und „Oben ausgewählte Farben anstatt der Farben der Seite verwenden:“ auf „Immer“ setzen.

In Safari und Chrome hab ich auf die Schnelle nichts dergleichen gefunden (was nicht heißen muss, dass es nicht auch geht).

🖖 Живіть довго і процвітайте

[Heinz Berecz]

Ich habe das Problem jetzt gelöst mit dem Plugin 'Tampermonkey' und dem Script:

var s=document.createElement('style'),b;
document.head.appendChild(s);
b=s.sheet;
b.insertRule('a:visited{color:#f8f!important;}',0);

Das funktioniert einwandfrei.

[Rolf B]

Hallo Heinz Berecz,

ich hab den Code mal als solchen markiert und Zeilenumbrüche eingesetzt.

Klar, so kann man es machen; ich weiß nur nicht, ob Tampermonkey deine Variablen vor der eigentlichen Seite abschirmt.

Zur Sicherheit würde ich Tampermonkey-Scriptlets immer in eine IIFE (immediately invoked function expression) einschließen. Die Variable s kann ein Parameter der Funktion werden, und die Variable b braucht's nicht, du verwendest s.sheet ja eh nur einmal.

(function(s) {
  document.head.appendChild(s);
  s.sheet.insertRule('a:visited{color:#f8f!important;}',0);
})(document.createElement('style'));

Rolf

[Gunnar Bittersmann]

@@Rolf B

(function(s) {
  document.head.appendChild(s);
  s.sheet.insertRule('a:visited{color:#f8f!important;}',0);
})(document.createElement('style'));

Die DOM-Methoden sind freilich OK, aber warum nicht einfach so?

document.head.insertAdjacentHTML(
  'beforeend',
  '<style>a:visited {color: #f8f !important}</style>',
);

🖖 Живіть довго і процвітайте

[ThomasM]

Hallo zusammen,

noch kompakter:

document.head.innerHTML += '<style>a:visited {color: #f8f !important}</style>';

Grüße,
Thomas