为什么 <button> 默认情况下悬停时没有指针光标?
Why does <button> not have a pointer cursor on hover by default?
首先,我想知道为什么我需要添加 cursor:pointer;
来实现 <button>
、<label>
、复选框和单选按钮等元素的悬停效果?
其次,为什么<a>
标签默认有这个?
这是从网页使用的历史角度来看的。标签是只读的。默认情况下,按钮、复选框和收音机是可见的。因此,无论任何人在页面上看到它们,他们都知道可以单击或检查它。锚标记可能会隐藏在页面上的其他文本之间,并且可能会通过样式从视图中隐藏,因此将鼠标指针悬停在该标记上(如果它们有 url 指向)将表示这是可点击的部分文本,并将有助于页面导航。
您可以在此处的更多答案中查看这些详细信息。
https://ux.stackexchange.com/questions/105024/why-dont-button-html-elements-have-a-css-cursor-pointer-by-default
请看看这些已回答的类似问题
首先,我想知道为什么我需要添加 cursor:pointer;
来实现 <button>
、<label>
、复选框和单选按钮等元素的悬停效果?
其次,为什么<a>
标签默认有这个?
这是从网页使用的历史角度来看的。标签是只读的。默认情况下,按钮、复选框和收音机是可见的。因此,无论任何人在页面上看到它们,他们都知道可以单击或检查它。锚标记可能会隐藏在页面上的其他文本之间,并且可能会通过样式从视图中隐藏,因此将鼠标指针悬停在该标记上(如果它们有 url 指向)将表示这是可点击的部分文本,并将有助于页面导航。
您可以在此处的更多答案中查看这些详细信息。 https://ux.stackexchange.com/questions/105024/why-dont-button-html-elements-have-a-css-cursor-pointer-by-default
请看看这些已回答的类似问题