Question

我想知道使用button {cursor: pointer}是否有一些缺点或原因而不是button:hover {cursor: pointer}？

我觉得打字button而不是button:hover非常脏，所以我想确保我没有做任何坏事。

Answer 1

两者之间没有真正的区别，也没有任何问题可以想到。如果你加载下面的HTML，你可以看到即使有悬停效果使用光标变为指针完全相同，就好像它没有使用转换（这是我能想象的唯一效果）。如果您更喜欢使用:hover，那么您可以;但是，最好尽量减少您在任何内容中编写的代码。

  <html>

<head>
    <title>Pointer</title>
</head>

<body>

    <button class="pointer">Pointer</button>
    <button class="hoverPointer">Hover Pointer</button>
</body>

<style>
    .pointer {
        cursor: pointer;
    }

    .hoverPointer:hover {
        -webkit-transition: 2s;
        transition: 2s;
        cursor: pointer;
        background-color: aqua;
    }

</style>

</html>

应用游标：指针与按钮vs按钮：悬停

1 个答案: