javascript - 按钮可点击区域即使在按钮外也是可见的

Question

我在表单末尾有一个提交按钮。我发现即使在按钮外部单击，按钮的整行 div 也充当按钮。

css 中是否有任何选项？如果您需要，我可以提供代码。提前致谢

html:

<div id="submit">
            <div id="block">
            <button type="submit"  id="submit">Create</button>
            </div>
          </div>

CSS:

button.submit-button {
  font-size: 14px;
  padding: 1px 2px;
  color: #fff;
  margin: 0px 70px;
  margin-top: 5px;
  border-radius: 1px;
}

Answer 1

我猜你已经将按钮保留在一个 anchor 标记 中，该标记具有 display:block 就像代码段中的 Button1 一样。

使其成为display:inline 或display:inline-block

<div style="text-align:center">
  <a href="#" style="display:block; background-color: yellow;">
    <button>
      button1
    </button>
  </a>
  <div>
  <a href="#" style="display:inline-block; background-color: yellow;">
    <button>
      button2
    </button>
  </a>
  </div>
  <button>
    button3
  </button>
</div>

更新:

您的 div 和 button 都具有相同的 id 即 id="submit"。可能是因为那个。更改其中一个 id 的