По умолчанию курсор мыши над кнопкой не является указателем на ручку

Почему курсор по умолчанию является стрелкой при наведении курсора на HTML <button>? Я всегда думал, что стрелки позволяют вам выбирать материал, но руки позволяют выполнять действие. Поскольку кнопки выполняют действия, не следует ли переопределять стиль по умолчанию как ручной указатель?

кнопка курсора

button {
 cursor: pointer;
}
70 голосов | спросил JoJo 26 FebruaryEurope/MoscowbSat, 26 Feb 2011 01:56:56 +0300000000amSat, 26 Feb 2011 01:56:56 +030011 2011, 01:56:56

7 ответов


41

Кнопки - это традиционный пользовательский интерфейс пользовательского интерфейса - контекст, в котором ручной указатель никогда не использовался до появления Интернета.

Когда веб-страницы начали использовать один и тот же элемент управления, они просто сохранили кнопку, как это было в среде рабочего стола.

ответил franz976 26 FebruaryEurope/MoscowbSat, 26 Feb 2011 02:14:54 +0300000000amSat, 26 Feb 2011 02:14:54 +030011 2011, 02:14:54
34

Это все о Affordance . Кнопки имеют высокую доступность, которые визуально показывают, как их можно использовать. Ручной указатель используется, когда доступность ниже, чтобы указать, как взаимодействовать с этим элементом.

Вот выдержка из настольных приложений Microsoft> Конструкция> Руководства> Взаимодействие> Мышь и указатели )

  

'Хорошо разработанный пользовательский интерфейс (UI)   объекты, как говорят, имеют доступность,   которые являются визуальными и поведенческими   свойства объекта, которые предлагают   как он используется. '

и

  

Текстовые и графические ссылки используют указатель руки или указателя ссылки (рука с указательным пальцем, указывающая стрелку из руки с указательным указательным пальцем) из-за их слабого доступа. Хотя ссылки могут иметь другие визуальные подсказки, указывающие на то, что они являются ссылками (например, подчеркиваниями и специальным размещением), отображение указателя руки при наведении является окончательным указанием ссылки.

     

Чтобы избежать путаницы, не обязательно использовать ручной указатель для других целей. Например, командные кнопки уже имеют сильное преимущество, поэтому им не нужен указатель на руку. Ручной указатель должен означать «эта цель - это ссылка» и ничего больше.

ответил JonW 1 MarpmTue, 01 Mar 2011 12:16:00 +03002011-03-01T12:16:00+03:0012 2011, 12:16:00
11

Оба CSS 2.1 и CSS Basic UI 3 спецификации определенно говорят, что курсор указателя специально для ссылок ('... указатель , который указывает ссылку'). Один из авторов тестового набора CSS 2.1 написал следующее примечание в списке рассылки W3C:

  

Даже при наведении курсора на символ <img onclick = "... some   функция ... "& gt ;, кнопка, переключатель, флажок, курсор   под Windows не переходит в указатель, но остается стрелкой.

     

Указатель курсора должен указывать ссылку и не любое /все кликабельное   объекты. Это связано с тем, что веб-авторы злоупотребляют декларацией или неправильным использованием курсора   курсора, что существует тенденция обобщать или предполагать   вещи (например, курсор, показывающий возможность клики), что спецификация не   сказать.

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

ответил Ilya Streltsyn 5 Maypm12 2012, 21:10:36
10

Интересно, что при нажатии кнопки отправки на эта форма комментария меняет курсор на руку. Я бы сказал, что «arrow = do и hand = go» было, вероятно, соглашением в какой-то момент, но оно было широко отброшено из-за незнания и б) лучшего дизайна. Сделать кнопку просмотра интерактивной, и изменение курсора не имеет значения для конечного пользователя.

ответил Lyndon 10 Maypm11 2011, 21:31:56
3

Немного о психологии. Изменение курсора также указывает на то, что пользователь наводит курсор на что-либо, что может быть применимо, но не обязательно действие, которое приведет их в другое место. Это отличается от значка руки на мыши, который в Интернете указывает, что они могут куда-то идти.

ответил jameswanless 28 FebruaryEurope/MoscowbMon, 28 Feb 2011 20:56:10 +0300000000pmMon, 28 Feb 2011 20:56:10 +030011 2011, 20:56:10
0

Кнопка, тонким образом, отличается от ссылки. Хотя ссылка просто заменяет текущую страницу на другую, кнопка - обычно - подает пользовательский ввод и, как правило, влияет на сохраненные данные где-то. Поэтому различие разумно.

Однако, поскольку я обычно оставляю свои кнопки стилизованными как кнопки и ссылки аналогичным образом, я часто ставил указатель кнопки, чтобы пожертвовать «действие» рукой.

ответил Bobby Jack 26 FebruaryEurope/MoscowbSat, 26 Feb 2011 02:29:12 +0300000000amSat, 26 Feb 2011 02:29:12 +030011 2011, 02:29:12
0

Веб-интерфейсы не имеют стандартизованных элементов, как это делает каждая ОС. Так как веб-интерфейсы iCloud и Onedrive курсор меняются в соответствии со стандартами настольных ОС.

Если вы считаете, что iCloud и Onedrive имеют свои родные и веб-интерфейсы, In Native используют курсор по умолчанию на кнопке, тогда как в Интернете они используют ручной курсор на кнопках.

 введите описание изображения здесь>> </a> </p>

<p> <a href= введите описание изображения здесь>> </a> </p></body></html>

ответил Pradeep 12 AM000000100000003031 2016, 10:13:30

Похожие вопросы

Популярные теги

security × 330linux × 316macos × 2827 × 268performance × 244command-line × 241sql-server × 235joomla-3.x × 222java × 189c++ × 186windows × 180cisco × 168bash × 158c# × 142gmail × 139arduino-uno × 139javascript × 134ssh × 133seo × 132mysql × 132