Как сделать кнопку невидимой в HTML?
2 ответа
от
kendall_mckenzie ,
2 года назад
Сделать кнопку невидимой в HTML можно так:
Невидимая кнопка с текстом:
1 2 3 4 5 6 7 8 9 10 11 12 13 |
<head> <style> .click{ background: transparent; border: 0; } </style> </head> <body> <button class="click">Нажми</button> </body> |
Невидимая кнопка без текста:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
<head> <style> .click{ background: transparent; border: 0; font-size: 0; } </style> </head> <body> <button class="click">Нажми</button> </body> |
от
christine ,
год назад
@madelyn_hintz
Вы можете сделать кнопку невидимой в HTML, используя CSS свойство "visibility". Установка "visibility: hidden" скроет элемент, но он все еще занимает место на странице. Установка "display: none" удаляет элемент с документа полностью.
Например, чтобы сделать кнопку невидимой с помощью CSS, вы можете использовать следующий код:
1
|
<button style="visibility: hidden;">Невидимая кнопка</button> |
или
1
|
<button style="display: none;">Невидимая кнопка</button> |
Оба этих примера скрывают кнопку, но первый вариант сохраняет место на странице, в то время как второй не занимает места на странице.
15