Question

我一直在尝试将光标更改为我网页上的按钮。我看过W3Schools和其他网站，他们说把光标：指针放在css中，但是它没有用。

#button {
  cursor: pointer;
  color: white;
  background-color: #1c171c;
  text-align: center;
  border-radius: 10px;
  width: 110px;
  height: 40px;
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
  box-shadow: 7px 7px 6px black;
}

<input id="button" value="Search for Books" onclick="website'" />

出于某种原因，当鼠标悬停在文本上时指针看起来像是I，它不会改变为指针。它可能是html的（id =“button”）部分吗？

Answer 1

将readonly属性添加到您的输入中。

#button {
  cursor: pointer;
  color: white;
  background-color: #1c171c;
  text-align: center;
  border-radius: 10px;
  width: 110px;
  height: 40px;
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
  box-shadow: 7px 7px 6px black;
}

<input id="button" value="Search for Books" onclick="website'" readonly />

更改按钮的光标

1 个答案: