Spectre 按钮状态

在 Web 开发中，按钮是常用的交互元素。 Spectre 是一个流行的 CSS 框架，提供了多种按钮状态的样式。

默认按钮

默认按钮的样式为灰色背景和黑色文本。

<button class="btn">Default</button>

主要按钮

主要按钮具有醒目的颜色，用于突出最重要的操作。

<button class="btn btn-primary">Primary</button>

成功按钮

成功按钮使用绿色表示成功的操作。

<button class="btn btn-success">Success</button>

警告按钮

警告按钮使用黄色表示需要用户注意的操作。

<button class="btn btn-warning">Warning</button>

危险按钮

危险按钮使用红色表示危险的操作，例如删除操作。

<button class="btn btn-danger">Danger</button>

轮廓按钮

轮廓按钮没有背景颜色，只有边框和文本颜色。

<button class="btn btn-outline-primary">Primary</button>

禁用按钮

禁用按钮在不可用状态下，文本颜色和背景颜色均变为灰色。

<button class="btn" disabled>Disabled</button>

以上是 Spectre 按钮状态的介绍，通过不同的样式可以更加灵活地控制按钮的外观和行为。