Cursor auf bestimmter Webside anders als sonst.

FaulerFranz

Cadet 3rd Year
Registriert
Sep. 2022
Beiträge
34
Auf der Seite Kicker.de ist mein Cursor seltsamerweise ein Lichtschwert-Symbol. Kann das jemand bestätigen das er das auch dort so hat?

Kann auch eine Einstellung der Seite sein und jeder hat den.
 
stefan92x schrieb:
Liegt an der Star Wars Werbung auf der Seite, hatte ich vorhin auch gesehen.
Sogar mit Werbeblocker. :D

Klasse, wenn Werbung nun auch dazu führt, dass der Cursor angepasst wird! Und wie man an diesem Thread merkt: Freut sich der User darüber, weil er sich denkt, da hat irgendwer im Hintergrund was am PC verstellt.
 
Ja, ist einfach CSS.

CSS:
.disneymouse_KickerDe {
    cursor: url(https://mediadb.kicker.de/library/image/partner/mousepointer/laser_blau.png), auto;
}
.disneymouse_KickerDe a:hover, .disneymouse_KickerDe input[type=button], .disneymouse_KickerDe btn, .disneymouse_KickerDe .kick__btn:hover {
    cursor: url(https://mediadb.kicker.de/library/image/partner/mousepointer/laser_rot.png), auto;
}

Kann also theoretisch jede Seite machen. Die meisten lassen's zum Glück. :)
 
Direkt blockieren wirst du es nicht können. Ist einfach nur CSS der Webseite.
Denke es gibt Lösungen um Custom CSS für bestimmte Webseiten zu setzen und dort den Cursor immer auf Standard zu überschreiben.
Aber ob das den Aufwand und möglicherweise die Installation von zusätzlichen Plugins rechtfertigt?
 
FrAGgi schrieb:
Denke es gibt Lösungen um Custom CSS für bestimmte Webseiten zu setzen und dort den Cursor immer auf Standard zu überschreiben.
Ja. Zum Beispiel beim Firefox-Browser mit Hilfe der [firefoxprofiledir]/chrome/userContent.css. Da braucht man dann auch keine AddOns für.
Dann dann mal damit probieren:
CSS:
* {
  cursor: auto !important;
}
 
Da bin ich jetzt auch grad drüber gestolpert. 😮

Wenn ein Addon in Frage kommt, dann würde Stylus empfehlen, das kann für jede Seite custom CSS einfügen, wenn einem irgendwas nicht gefällt. Gibts für Chrome und Firefox.

Beim kicker ist es die .disneymouse Klasse, die den Cursor überschreibt. Zum Wiederherstellen des normalen Aussehens wären das dann diese Definitionen:
CSS:
    .disneymouse {
        cursor: auto !important;
    }
    .disneymouse a:hover, .disneymouse input[type=button], .disneymouse btn, .disneymouse .kick__btn:hover {
        cursor: pointer !important;
    }


Wenn man alles auf "auto" stellt, dann werden Links und Buttons nicht mehr als "klickbar" (pointer) markiert.
 
Zurück
Oben