Как сделать кнопку невидимой в HTML?

Пользователь

от madelyn_hintz , в категории: HTML/CSS , 3 года назад

Как сделать кнопку невидимой в HTML?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от kendall_mckenzie , 3 года назад

Сделать кнопку невидимой в 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 , 2 года назад

@madelyn_hintz 

Вы можете сделать кнопку невидимой в HTML, используя CSS свойство "visibility". Установка "visibility: hidden" скроет элемент, но он все еще занимает место на странице. Установка "display: none" удаляет элемент с документа полностью.


Например, чтобы сделать кнопку невидимой с помощью CSS, вы можете использовать следующий код:

1
<button style="visibility: hidden;">Невидимая кнопка</button>


или

1
<button style="display: none;">Невидимая кнопка</button>


Оба этих примера скрывают кнопку, но первый вариант сохраняет место на странице, в то время как второй не занимает места на странице.