Cursor: Zeiger funktioniert nicht auf :after Element?

Lesezeit: 2 Minuten

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?

http://jsfiddle.net/qKMPQ/2/

  • 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

Benutzer-Avatar
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


1216130cookie-checkCursor: Zeiger funktioniert nicht auf :after Element?

This website is using cookies to improve the user-friendliness. You agree by using the website further.

Privacy policy