Подтвердить что ты не робот

Курсор: указатель не работает: после элемента?

Я просматриваю это в chrome и, похоже, не могу получить курсор: указатель на работу над элементом после элемента li. Есть ли способ обойти это?

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

Ответ 1

Вместо установки cursor: pointer в элементе :after установите его на весь li, и он будет отображаться на обоих.

Edit:
Для тех из вас, кто пытается использовать разные курсоры на псевдониме li и его :after, вам просто нужно явно определить свойство cursor содержимого внутри li. Смотрите эту обновленную скрипту: 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; }