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