Bootstrap5 关闭按钮(Close button)

半兽人 发表于: 2020-07-03   最后更新时间: 2023-06-12 20:26:54  
{{totalSubscript}} 订阅, 3,099 游览

一个通用的关闭按钮,用于关闭modal和警报等内容。

禁用的关闭按钮 pointer-events: none功能,可防止触发悬停和活动状态。

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

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

在线运行

暗黑样式(Dark variant)

<div data-bs-theme="dark">
  <button type="button" class="btn-close" aria-label="Close"></button>
  <button type="button" class="btn-close" disabled aria-label="Close"></button>
</div>

在线运行

更新于 2023-06-12

查看bootstrap5更多相关的文章或提一个关于bootstrap5的问题,也可以与我们一起分享文章