Как скрыть поле ввода с помощью CSS

Question

В коде внизу будет отображаться факс и поле ввода. Мне удается скрыть текст «Факс», но я не могу скрыть поле ввода. Как скрыть поле ввода с помощью 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

Чтобы скрыть этот конкретный вход вы можете выбрать его по идентификатору, но вам нужно, чтобы избежать :

#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 

Answer 2

Вы можете использовать Javascript для переключения типа ввода = «скрытый» для поля ввода.

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

Answer 3

display: none; является лучшим решением, если вы просто хотите скрыть поле.