Инструкция
1
Используйте свойство display языка описания стилей CSS (Cascading Style Sheets - «каскадные таблицы стилей») для выключения или включения отображения нужных элементов страницы. Этому свойству, согласно международным стандартам, можно присвоить больше полутора десятка значений, задающих разные способы отображения. Однако кроссбраузерными (т.е. работающими во всех основных браузерах) являются только четыре. Среди этой четверки есть и нужное вам значение none, которое позволяет скрыть нужный элемент страницы.
2
Составьте необходимый набор CSS-инструкций. В самом простом виде он может выглядеть так:button {display: none;}В таком варианте в странице не будут отображаться все кнопки, использующие тег <button>...</button>.
3
Добавьте в инструкции указание на имя класса, если надо скрыть только одну кнопку либо определенную группу кнопок. Например, назовите такой класс HideBtns и добавьте это имя в CSS-инструкцию:button.HideBtns {display: none;}Нужной кнопке в HTML-коде страницы тоже следует добавить атрибут class и присвоить ему значение HideBtns:<button class="HideBtns">скрытая кнопка</button>
4
Примените свойство display со значением none к родительскому элементу, если надо, например, скрыть не только кнопку, но и остальные элементы веб-формы. Форма считается «родителем» по отношению ко всем элементом, помещенным между тегами <form> и </form>. Например:<form class="HideForm">
<input name="search" type="text" value="поле ввода" />
<input type="submit" value="скрытая кнопка" />
</form>Здесь внутрь формы помещено текстовое поле и кнопка отправки введенного значения. Форма приписана к классу с именем HideForm, поэтому чтобы скрыть и поле ввода и кнопку, надо изменить CSS-инструкцию так:form.HideForm {display: none;}
5
Поместите подготовленный по образцу, приведенному выше, код в заголовочную часть веб-документа (между тегами <head> и </head>). Чтобы сообщить браузеру посетителя, что это CSS-код, его надо заключить между открывающим и закрывающим HTML-тегами style:<style type="text/css">
button.HideBtns {display: none;}
</style>