css - 仅在悬停禁用按钮时关闭阴影

Question

我正在使用Bootstrap 按钮生成器创建按钮。这些是流畅的设计按钮，我注意到当:disabled按钮仍然在:hover.

我的问题：

1. 禁用按钮时如何停止阴影？
2. 这样做可以吗？这对我来说似乎是一个不错的选择，但它是否记录在 Fluent Design 按钮的某个地方？

我试过了：

.btn.disabled:hover { box-shadow: none; }

但它不起作用。

标签： cssbuttonfluent-designfluent-kit

Answer 1

这应该可以完成工作，您只是忘记使用冒号代替点:，这意味着 CSS 伪类。:disabled.

.btn:disabled:hover{
    box-shadow: none;
}