[Frage] Freetz base.css

prisrak1

Mitglied
Mitglied seit
14 Mai 2017
Beiträge
277
Punkte für Reaktionen
27
Punkte
28
Wüsste eventuell jemand, wie ich denn Mausanzeiger verändern kann? Mit der folgenden Möglichkeit habe ich dies bereits zum Teil verändert. Beim Hovern über Links wird der Mauszeiger in Browser zum blauen Pfeil, jedoch anderswo bleibt er als Standart weiß.

in body ..
Code:
    cursor: url(/images/ .. /mauszeiger_blau.cur), auto !important;
Manche Sachen funktionieren bei der Freetz GUI einfach nicht so, wie in einer HTML Seite mit CSS. Eventuell übersehe ich einfach etwas.
 

koyaanisqatsi

IPPF-Urgestein
Mitglied seit
24 Jan 2013
Beiträge
12,190
Punkte für Reaktionen
291
Punkte
83
Moinsen


Das !important wird von einer späteren Definition von cursor: überstimmt.
( Also eine echte Verzweiflungstat ;) )
Deswegen find ichs besser es in einer höheren Instanz zu definieren.
Direkt in der Seite im <head> als letztes Element den...
HTML:
<html>
<head>
...
...
<style type="text/css">*{cursor:url(/images/../mauszeiger_blau.cur),auto;}</style>
</head>
<body>
...
</body>
</html>
Das Sternchen bedeutet: In jedem Parent und Childelement, Name egal
Kann aber beispielsweise noch später mit JavaScript/DOM geändert werden.
Beachte, dass es jede Menge von Cursortypen gibt...
https://www.w3schools.com/csSref/playit.asp?filename=playcss_cursor&preval=url(myBall.cur),auto
...von denen Einige gleich aussehen.
Wie auto, default und initial.
 
Zuletzt bearbeitet:
  • Like
Reaktionen: prisrak1

prisrak1

Mitglied
Mitglied seit
14 Mai 2017
Beiträge
277
Punkte für Reaktionen
27
Punkte
28
Hab vergessen zu erwähnen, dass es zwei verschiedene *.cur gibt. Es sollte von rot zu blau wechseln.

cursor: url(/images/../mauszeiger_blau.cur), auto !important;
cursor: url(/images/../mauszeiger_rot.cur), default;}
 

koyaanisqatsi

IPPF-Urgestein
Mitglied seit
24 Jan 2013
Beiträge
12,190
Punkte für Reaktionen
291
Punkte
83
Such doch mal in "suspekten" Dateien.
Für mehrere...
Code:
grep -n "cursor" *.css
...spezielle..
Code:
grep -n "cursor" suspect.css
...und JavaScript nicht vergessen...
Code:
grep -n "cursor" *.js
Code:
grep -n "cursor" suspect.js
Für den "Wechsel" müsstest auch genauer werden.
Dafür gibts ja die verschieden Typen.
Für ereignisgesteuerte Aktionen über/mit CSS brauchts mindestens :active :focus oder :hoover
 
Zuletzt bearbeitet:
  • Like
Reaktionen: prisrak1

PeterPawn

IPPF-Urgestein
Mitglied seit
10 Mai 2006
Beiträge
12,846
Punkte für Reaktionen
945
Punkte
113
Jeder halbwegs moderne Browser bietet auch "Developer Tools" an, mit denen man u.a. auch die Hierarchie der CSS-Properties für ein Objekt durchsuchen kann - beim Firefox sähe das z.B. so aus:
ff_devtools_styles.PNG
Da kann man also in aller Ruhe nachsehen, woher eine aktuell verwendete Property für ein Element tatsächlich stammt und muß sich nicht durch andere Dateien wühlen.
 
  • Like
Reaktionen: prisrak1