javascript - 如何使用CSS隐藏输入框

下方的代码将显示“传真”和一个输入框。我设法隐藏文本“传真”，但无法隐藏输入框。如何使用CSS和Javascript隐藏输入框？

<div class="field">
    <label for="billing:fax">Fax</label>
    <div class="input-box">
       <input id="billing:fax" class="input-text " type="text" title="Faxnummer"    value="" name="billing[fax]">
    </div>
</div>

最佳答案

要隐藏该特定输入，可以通过ID选择它，但是您需要转义:

#billing\:fax {
  display: none;
}

<div class="field">
  <label for="billing:fax">Fax</label>
  <div class="input-box">
    <input id="billing:fax" class="input-text " type="text" title="Faxnummer" value="" name="billing[fax]">
  </div>
</div>

当然，有很多方法可以选择CSS中的元素。另一种方法是使用相邻的同级（+）和后代（>）选择器获取输入：

 label[for="billing:fax"] + div.input-box > input