代码之家 › 专栏 › 技术社区 › OverdueOrange

基于输入值隐藏嵌套按钮

css html

OverdueOrange · 技术社区 · 4 年前

我有一个表单,里面有一个按钮,我需要隐藏它。

  <form method="get">
          <input type="hidden" name="id" value="7245">
          <input type="hidden" name="action" value="removesubmissionconfirm">
      <button type="submit" class="btn btn-secondary" title="">Remove submission</button>
  </form>

我尝试了很多东西,但似乎都不管用。

蒂亚。

3 回复 | 直到 4 年前

Nikhil Parmar 4 年前

input[value="removesubmissionconfirm"] + button {
  display: none;
}

 <form method="get">
          <input type="hidden" name="id" value="7245">
          <input type="hidden" name="action" value="removesubmissionconfirm">
      <button type="submit" class="btn btn-secondary" title="">Remove submission</button>
  </form>

Raxi 4 年前

input[value="removesubmissionconfirm"] + button {
  display: none;
}

Tom 4 年前

您可以使用 attribute selector 和 + selector

input[value="removesubmissionconfirm"] + button {
  display: none;
}

<form method="get">
          <input type="hidden" name="id" value="7245">
          <input type="hidden" name="action" value="removesubmissionconfirm">
      <button type="submit" class="btn btn-secondary" title="">Remove submission</button>
  </form>