Устанавливаем вид курсора с помощью CSS

Каждый браузер имеет свои собственные настройки CSS стилей по умолчанию, например: цвет ссылки (активной и посещенной), внутренние и внешние отступы, размер шрифта и тип курсора. Браузер отображает курсор в виде указателя (рука), когда пользователь навел на ссылку (текстовую или с изображением), тем самым давая понять, что данный элемент кликабелен. К таким кликабельным элементам также относятся:

• Кнопки форм (имеющие тип button, submit и reset)
• Элементы с событием "onclick"
• Элемент Label
• Элемент Select
• Javascript "триггеры" (Mootools Accordians, например)

Становиться ясно, что мы можем с легостью управлять изменением вида курсора с помощью небольшого CSS кода, и тем самым, повысить юзабилити сайта. Однако, на практике, при неосторожном применении такой код может принести больше вреда, чем пользы. Поэтому мы будем использовать уже проверенный CSS код, чтобы действительно улучшить восприятие сайта:

select, label, .pointer { cursor:pointer; }

Используйте класс "pointer" для кнопок форм, элементы с событием "onclick" и для Javascript "триггеров".

И не используйте псевдо-классы вида "input[type='submit']" , т.к. IE6 их не поддерживает.