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; }