时间戳

首页 > 解决方案 > 如何在我的html代码中将光标更改为指针

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>

标签： htmlpointers

解决方案

现在，input字段（电子邮件、密码）已经form-control上课了。因此，您可以定义cursor: pointercss 属性以将光标更改为指针.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>

推荐阅读