悬停<button>标签时如何使光标变为手形

在查看我的网站时，光标只会变为带有<a>标签的带手套的手，而不是<button>带有标签的。是否有一个原因？

这是我的代码（在css3中，按钮标签的ID为#more）。

 #more {
    background:none;
    border:none;
    color:#FFF;
    font-family:Verdana, Geneva, sans-serif;
}

参见：https : //developer.mozilla.org/en-US/docs/Web/CSS/cursor

因此，您需要添加： cursor:pointer;

在您的情况下使用：

#more {
  background:none;
  border:none;
  color:#FFF;
  font-family:Verdana, Geneva, sans-serif;
  cursor:pointer;
}

这会将光标应用于ID为“更多”的元素（只能使用一次）。因此，在您的HTML中使用

<input type="button" id="more" />

如果要将其应用于多个按钮，则有多种可能性：

使用CLASS

.more {
  background:none;
  border:none;
  color:#FFF;
  font-family:Verdana, Geneva, sans-serif;
  cursor:pointer;
}

并在您的HTML中使用

<input type="button" class="more" value="first" />
<input type="button" class="more" value="second" />

或应用于html上下文：

input[type=button] {
  background:none;
  border:none;
  color:#FFF;
  font-family:Verdana, Geneva, sans-serif;
  cursor:pointer;
}

并在您的HTML中使用

<input type="button" value="first" />
<input type="button" value="second" />

只需添加以下样式：

cursor: pointer;

默认情况下不会发生这种情况的原因是，大多数浏览器仅将指针保留用于链接（也许还有其他一些我忘记的东西，但通常不会<button>）。

有关该cursor属性的更多信息：https : //developer.mozilla.org/en/CSS/cursor

我通常适用这<button>和<label>默认。

注意：我只是抓住了这个：

按钮标记的ID为 #more

每个元素都有其自己的唯一性非常重要，id不能重复。请改用class属性，然后将选择器从更改#more为.more。这实际上是一个非常常见的错误，是导致此处提出许多问题和问题的原因。学得越早id越好。

您所需要的只是使用CSS的属性之一，即---->

光标：指针

只需在css中使用此属性，无论它是内联的还是内部的或外部的

例如（对于内联CSS）

<form>
<input type="submit" style= "cursor:pointer" value="Button" name="Button">
</form>

 #more {
    background:none;
    border:none;
    color:#FFF;
    font-family:Verdana, Geneva, sans-serif;
    cursor: pointer;
}