Seite 1 von 1
Firefox - scriptish
Verfasst: 07.07.2018, 01:45
von Karbon
moin, ich möchte in folgender CSS die background-color ändern:
Code: Alles auswählen
div.disponentfahrzeugselect:hover{
background-color: #ddccff;
}
Ohne Ergebnis probiert habe ich:
Code: Alles auswählen
var elems = document.getElementsByTagName('div.disponentfahrzeugselect:hover');
for (var elem of elems) {
background-color: #ffffff!important;
}
Wie wäre ein brauchbarer Script?
Re: Firefox - scriptish
Verfasst: 07.07.2018, 10:02
von GwenDragon
Ich würde das Addon
Stylus nehmen und dort einen Userstyle anlegen für die Domain/URL.
Code: Alles auswählen
div.disponentfahrzeugselect:hover{ background-color: #ffffff !important; }
Mit Scriptish und Javascript kannst du das so nicht ändern wie du geschrieben hast. Da verwechselst du was. elementsByTagName funktionier nicht mit CSS-Regeln sondern nur mit Jacascript/HTML-Elementen des DOM.
Und die CSS-Pseudoklasse
:hover lässt sich zudem technisch nur über das HTML-Element
style oder
link als externes Stylesheet einbinden, eine Änderung als Inline-Style funktioniert da nicht.
Na ja, so ginge es schon mit Scriptish:
Code: Alles auswählen
var style = document.createElement("style");
var css = "div.disponentfahrzeugselect:hover{ background-color: #ffffff !important; }";
style.innerHTML = css;
var head = document.getElementsByTagName("head")[0];
head.appendChild(style);
Re: Firefox - scriptish [gelöst]
Verfasst: 07.07.2018, 19:14
von Karbon
Dank dir, GwenDragon. Na, ich verwechsel da nix. Viel schlimmer...
Aber aufgeben gilt nicht. Deine Erklärungen haben wieder ein Stück weiter gebracht. Am Script sehe ich, dass ich die Philosophie dahinter nicht einfach verstehen könnte. Ich muss mich also um Stylus kümmern, nach Lehrmaterial suchen... Oh ja, hab Dank, der Punkt ist schon mal gelöst.
Viele Grüße
Karbon