Ich sehe mir das folgende Beispiel in Chrome an und kann es anscheinend nicht bekommen cursor: pointer
an der arbeiten :after
Element von li
. Gibt es eine Möglichkeit, dies zu umgehen?
Cursor: Zeiger funktioniert nicht auf :after Element?
Wex
Anstatt die einzustellen cursor: pointer
auf der :after
Element, setzen Sie es auf das Ganze li
und es wird auf beiden angezeigt.
Bearbeiten:
Für diejenigen unter Ihnen, die versuchen, verschiedene Cursor auf dem zu haben li
und sein :after
Pseudo-Element, müssen Sie lediglich das explizit definieren cursor
Eigenschaft des Inhalts innerhalb der li
. Siehe diese aktualisierte Geige: http://jsfiddle.net/qKMPQ/20/
<ul>
<li>
<a href="#"></a>
</li>
</ul>
ul { list-style-type: none; }
li { cursor: pointer; }
a {
background: red;
float: left;
width: 100px;
height: 100px;
cursor: help;
display: block; }
li:after {
content: "";
background: yellow;
float: left;
width: 100px;
height: 100px;
display: block; }
-
aber was ist, wenn ich verschiedene Cursor in li und seinem Pseudo-Element :after brauche?
– bruha
25. Januar 2013 um 9:28 Uhr
-
@Wex eine Idee, was zu tun ist, wenn ich nur Text in der habe
<li>
aber ich brauche noch einen weiteren Cursor auf meinem:after
Pseudoelement?– Nachspiel
7. März 2014 um 13:34 Uhr
-
Nein hat bei mir funktioniert, weil div yellow keine Aktion zum Ausführen des Links hat.
– Adriano Resende
16. Juli 2015 um 21:41 Uhr
-
@AdrianoResende Der Zweck des Beispiels bestand darin, verschiedene Cursor auf einem anzuzeigen
:after
Element– Wex
16. Juli 2015 um 23:14 Uhr
-
CSS verwenden Zeigerereignisse: keine; auf dem li-Element, Zeigerereignisse: auto; in der Pseudoklasse ::after oder ::before.
– Denis Giffeler
18. Juli 2017 um 19:12 Uhr
seltsam.. das Hinzufügen zum li ohne die Pseudoklasse :after funktioniert.
– Loktar
9. Juni 2011 um 16:39 Uhr
Sieht aus wie ein Chrome-Bug, weil es mit Firefox funktioniert.
– Nikolaus BADIA
11. März 2013 um 17:57 Uhr
Gemeldet als Insekt im Mai 2013; kein Update seit 13.09
– Kantera
16. Januar 2014 um 17:05 Uhr
gleiche Art von Problem, aber in IE: Cursor:Zeiger auf Pseudoelement IE
– Web-Tiki
21. Februar 2015 um 9:30 Uhr
CSS verwenden Zeigerereignisse: keine; auf dem li-Element, Zeigerereignisse: auto; in der Pseudoklasse ::after oder ::before.
– Denis Giffeler
18. Juli 2017 um 19:14 Uhr