如何在我的HTML代码中将光标更改为指针

如何解决如何在我的HTML代码中将光标更改为指针

伙计们，我想将光标更改为悬停在电子邮件或密码大小写上的指针（手）。我知道我必须在CSS中执行此操作，但不知道应该使用哪个确切的类。 感谢您的任何建议！

<div class="container">
  <div class="row">
    <div class="col-sm-9 col-md-7 col-lg-5 mx-auto">
      <div class="card card-signin my-5">
        <div class="card-body">
          <h5 class="card-title text-center">Prihlásenie</h5>
          <form class="form-signin" action="/login" method="post">
            <div class="form-label-group">
              <input type="text" name="username" id="inputEmail" class="form-control" placeholder="username">
              <label for="inputEmail">Email address</label>
            </div>
            <div class="form-label-group">
              <input type="password" name="password" id="inputPassword" class="form-control" placeholder="heslo">
              <label for="inputPassword">Password</label>
            </div>
            <input class="btn btn-lg btn-primary btn-block text-uppercase" type="submit" value="Login!">
            <hr class="my-4">
          </form>
        </div>
      </div>
    </div>
  </div>

解决方法

现在，input个字段（电子邮件，密码）具有form-control类。 因此，您可以定义cursor: pointer的css属性以将光标更改为.form-control:hover上的指针（悬停操作时）。

.form-control:hover {
  cursor: pointer;
}

<div class="container">
  <div class="row">
    <div class="col-sm-9 col-md-7 col-lg-5 mx-auto">
      <div class="card card-signin my-5">
        <div class="card-body">
          <h5 class="card-title text-center">Prihlásenie</h5>
          <form class="form-signin" action="/login" method="post">
            <div class="form-label-group">
              <input type="text" name="username" id="inputEmail" class="form-control" placeholder="username">
              <label for="inputEmail">Email address</label>
            </div>
            <div class="form-label-group">
              <input type="password" name="password" id="inputPassword" class="form-control" placeholder="heslo">
              <label for="inputPassword">Password</label>
            </div>
            <input class="btn btn-lg btn-primary btn-block text-uppercase" type="submit" value="Login!">
            <hr class="my-4">
          </form>
        </div>
      </div>
    </div>
  </div>