html - 如何使用相对位置的游标属性，为什么它不起作用？

Question

大家好，我已经在网上搜索了很长时间了，但我仍然无法修复它。

.login input[type="submit"] {
  background: #2196f3;
  border-radius: 5px;
  border: 1px solid #0d47a1;
  color: #FFF;
  cursor: pointer;
  font-weight: bold;
  line-height: 48px;
  margin-top: 20px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  width: 242px;
  z-index: -1;
}

Answer 1

默认情况下，负的 z-index 会将按钮放在页面其余部分的后面，因此按钮不可用。

试试这个:

.login input[type="submit"] {
  background: #2196f3;
  border-radius: 5px;
  border: 1px solid #0d47a1;
  color: #FFF;
  cursor: pointer;
  font-weight: bold;
  line-height: 48px;
  margin-top: 20px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  width: 242px;
}

<div class="login">
  <input type="submit" />
</div>

如果您需要 z-index 是因为您希望它位于页面上的其他内容之后，请尝试增加这些元素的 z-index。如果您需要将其设为禁用按钮，请尝试在按钮的 HTML 中添加 disabled="disabled"。