同一div中2个重叠元素的光标问题

Question

我有一个注册文本框，其中输入字段内有一个按钮。看起来不错。但是，我需要在注册按钮上使用光标。但是我看到光标用于文本编辑。我尝试使用z-index。但是没有用。请帮助我解决此问题。

                  

css code:
 .email_container input {
    position: absolute;
    border: none;
    color: #dad8d3;
    width: 273px;
    height: 38px;
    opacity: 0.32;
    border-radius: 19px;
  }
  .email_container .sign_up {
    width: 37.2px;
    height: 37.2px;
    border-radius: 50%;
    line-height: 0;
    cursor: pointer;
    margin-left: 235px;
  }

Answer 1

将position:relative; z-index:1;添加到您的.email_container .sign_up。