javascript - How to hide an input-box with CSS -

the code underneath show fax , input-box. manage hide text "fax" i'm not able hide input-box. how can hide input-box using 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> 

to hide specific input can select id, need escape :

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

there of course, many ways select element in css. way use adjacent sibling (+) , descendant (>) selectors input:

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