Css 同一分区中2个重叠元素的光标问题

我有一个“注册”文本框，输入框中有一个按钮。看起来不错。但是，我需要一个光标在注册按钮上。但我看到了文本编辑的光标。我试着使用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;
  }

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;
  }

---

添加

位置：相对；z指数：1

到您的

。电子邮件容器。注册

请添加您的HTML代码或钢笔/小提琴

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;
  }