应用光标：带按钮的指针与按钮：悬停[重复]答案

【问题标题】：Applying cursor:pointer with button vs button:hover [duplicate]应用光标：带按钮的指针与按钮：悬停[重复]
【发布时间】：2017-01-06 00:29:30
【问题描述】：

我想知道使用button {cursor: pointer} 代替button:hover {cursor: pointer} 是否有一些缺点或不这样做的原因？

我觉得输入button 而不是button:hover 真的很脏，所以我想确保我没有做任何坏事。

【问题讨论】：

可能相关：CSS better to change cursor on hover, or on stateless?

标签： css mouse-cursor

【解决方案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>

【讨论】：

谢谢！但正如@Showdev 指出的那样，它只在ie6 中有所不同。感谢例如