Кросс-браузерный курсор: указатель - PullRequest
26 голосов
/ 16 января 2010

I нашел эти атрибуты CSS , которые делают курсор похожим на руку:

  • IE - style = "курсор: рука;"
  • NS6 / IE6 - style = "курсор: указатель;"
  • Кросс-браузер - style = "курсор: указатель; курсор: рука;"

Однако я заметил, что переполнение стека использует "cursor: pointer" в своем CSS. Тем не менее, это, видимо, работает и на IE.

Так ... что дает? Как правильно использовать этот элемент CSS независимо от браузера?

Ответы [ 2 ]

55 голосов
/ 16 января 2010

Согласно Quirksmode , единственный кросс-браузерный синтаксис:

element {
    cursor: pointer;
    cursor: hand;
}

Они также дают больше информации о курсоре:

В прошлом ценность руки была Microsoft говорит, как указатель; а также IE 5.0 и 5.5 поддерживают только руки. Потому что это значение курсора используется чаще всего, большинство других браузеров также реализовали руку.

Поскольку IE 6 и 7 поддерживают указатель, нет больше причин использовать руку, кроме случаев, когда старые IE являются частью вашего целевая аудитория.

Я думаю, что страница, на которую вы ссылались, может быть немного устаревшей с новейшими браузерами.

11 голосов
/ 16 января 2010

Я только когда-либо использовал cursor:pointer сам и не заметил недостатка поддержки в основных браузерах.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...