元素在输入上的自定义光标（在后面？）>>

Question

我使用布尔玛，我希望能够在输入字段的右侧图标上看到指针光标。

.main {
  max-width: 400px;
  margin: auto;
  padding-top: 10px;
}

.is-clickable {
  cursor: pointer;
}
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.0-2/css/all.min.css" rel="stylesheet"/>
<link href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.9.0/css/bulma.min.css" rel="stylesheet"/>

<div class="main">
  <div class="field">
    <p class="control has-icons-left has-icons-right">
      <input class="input" type="email" placeholder="Email">
      <span class="icon is-small is-left">
        <i class="fas fa-envelope"></i>
      </span>
      <span class="icon is-small is-right is-clickable">
        <i class="fas fa-check"></i>
      </span>
    </p>
  </div>
</div>

我应该怎么看光标？

谢谢

我使用布尔玛，我希望能够在输入字段的右侧图标上看到指针光标。 .main {max-width：400px;保证金：自动； padding-top：10像素； } .is-clickable {...

Answer 1

它忽略光标移动，因为布尔玛已添加pointer-events: none。如您所见：