更改复选框 html 的指针

Question

我是 html 和 css 的新手。目前我有一个复选框：

 <input type="checkbox" name="vehicle" value="Bike">I have a bike<br>

当我将鼠标悬停在复选框上时，我需要一个手形图标。

我怎样才能做到这一点？

原文由 Sulu.MeanStack 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您使用 pointer CSS 样式将默认光标更改为 _指针_。

首先，将 ID 或类添加到您的复选框。

 <input id="chkBike" type="checkbox" name="vehicle" value="Bike">I have a bike<br>

在您的 CSS 中，使用以下样式。

 #chkBike{
  cursor: pointer;
}

原文由 TheValyreanGroup 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

使用 cursor:pointer 你可以实现这个

 input[type="checkbox"] {
    cursor: pointer;
}

 <input type="checkbox" name="vehicle" value="Bike">I have a bike<br>

原文由 Mukesh Ram 发布，翻译遵循 CC BY-SA 3.0 许可协议