css - 光标 : pointer on hover or always?

Question

这个问题在这里已经有了答案:





Setting the cursor in the element's default styles, or in element:hover?

(1 个回答)


2年前关闭。




我在问自己这个问题:如果有，关于拥有属性(property) cursor: pointer; 有什么区别？总是或只是在 :hover ?

拿这个片段:

.test{
  cursor: pointer;
}

<span class="test">Hover me

和另一个片段:

.hoverme:hover{
  cursor: pointer;
}

<span class="hoverme">Hover me</span>

两者都做同样的事情:设置光标图标。但是真的有必要把这个属性(游标的属性)放在 hover中吗？ ?

我的意思是，将它放在 hover 中在逻辑上更有意义。 ，但我不明白。

显然，如果我必须在悬停时更改背景，则此示例答案本身。但是我的问题呢？

Answer 1

在视觉上，没有区别。然而，有一些情况会使 cursor: pointer;很有用。 cursor: pointer;在某些情况下很有用，为了更好的用户体验，您需要将其更改为指针。例如:如果您有 button HTML 中的元素并将鼠标悬停在它上面，默认情况下光标不会改变。但是如果你添加 cursor: pointer;到您的 CSS 中的该元素以及 :hover ，它可以通过鼓励与元素的交互来改善用户体验。