如何使用CSS隐藏输入框

Question

下面的代码将显示传真和输入框。我设法隐藏文字＆＃34;传真＆＃34;但是我无法隐藏输入框。如何使用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>

Answer 1

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

＆＃13;

＆＃13;

#billing\:fax {
  display: none;
}

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

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

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

Answer 2

您可以使用Javascript切换输入框的输入属性type =“hidden”。

http://www.echoecho.com/htmlforms07.htm

Answer 3

display: none;是你最好的解决方案，如果你只是想隐藏这个领域。