Bootstrap 5 Кнопка «Закрыть» Состояние «Отключено»

Опубликовано: 17 Февраля, 2023

Bootstrap 5 Кнопка «Закрыть» Состояние «Отключено» используется для отключения кнопки закрытия для закрытия содержимого, такого как модальные окна и предупреждения. Отключенная кнопка закрытия изменяет непрозрачность и удаляет курсор указателя при наведении.

Состояние отключения кнопки закрытия Используемый атрибут:

  • < disabled: атрибут disabled используется для отключения кнопки закрытия.

Синтаксис:

<button type="button" class="btn-close" 
    disabled aria-label="Close">
       ...
</button>

Пример 1: В этом примере мы создадим простую отключенную кнопку.

Выход:

Пример 2. В этом примере мы будем использовать отключенную кнопку закрытия в модальном окне.

Выход:

Ссылки: https://getbootstrap.com/docs/5.0/components/close-button/#disabled-state