Лучшая практика изменения указателя курсора

Question

Я помню, как читал на SO о том, что вы не должны использовать этот трюк: <a href="#">, что мне подходит, поскольку кажется, что браузер прокручивает страницу вверх, что нежелательно.

Но я хочу, чтобы курсор изменился на указатель (руку в перчатке), чтобы пользователи знали, что элемент кликабелен.Тем не менее, кликабельный элемент нигде не ссылается.Я нашел этот код на W3C, однако они говорят, что он не будет работать в Opera;поэтому у меня вопрос, как мне сделать курсор измененным на указатель во всех браузерах, не обращаясь к трюку <a href="#">.

Код выглядит примерно так:

<a style="cursor:pointer;" onclick="run_function();">Click Me</a>

Все, что я могу придумать, это использовать php или javascript для использования приведенного выше кода и заменить его на <a href="#" onclick="run_function();">Click Me</a>, если браузер Opera.Но это не кажется желательным.Кто-нибудь знает простой и эффективный метод достижения этого эффекта, не прибегая к описанному выше хаку / клуджу?

Спасибо

Answer 1

CSS-свойство cursor: pointer; - это то, что используется для вашей уловки. Вы можете добавить класс pointer к своему элементу, чтобы вводить его только один раз.

Пример:

<div class="pointer">Stuff.</div>

И в вашем файле CSS:

.pointer {
    cursor: pointer;
}

И это работает во всех основных браузерах. Источник здесь: http://www.quirksmode.org/css/cursor.html