html - por - cursor: el puntero no funciona: ¿después del elemento?

cursor personalizado html

Question

Estoy viendo el ejemplo siguiente en Chrome y parece que no puede obtener el cursor: pointer para trabajar en el elemento :after de li . ¿Hay alguna forma de evitar esto?

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

Answer 1

En lugar de establecer el cursor: pointer en el elemento :after , configúralo en toda la li y aparecerá en ambos.

Editar:
Para aquellos de ustedes que intentan tener diferentes cursores en el li y su :after pseudo-elemento, simplemente necesitan definir explícitamente la propiedad del cursor del contenido dentro del li . Vea este violín actualizado: 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; }