css - 禁用的 Bootstrap 类和禁用的属性之间的区别

Question

嗨， friend 们，我正在使用禁用类和禁用属性，如下所示，但是我不知道两者之间的基本区别以及何时我们必须使用类以及何时使用属性请消除我的疑问 我在我的代码中使用按钮，我想禁用它，所以使用类禁用或属性禁用的最佳方法是什么

    <button class="btn btn-primary disabled" type=" button"/>
    disabled="disabled"

Answer 1

如果您查看 Bootstrap 定义，禁用样式总是针对禁用类或禁用属性的存在而定义的:

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
    cursor: not-allowed;
    ...
}

因此对于样式，您只需要类或属性。

以前的版本还包括 pointer-events: none; 禁用鼠标点击按钮。此处设置禁用类或属性有效地禁用了按钮。

在当前版本 3.3.5 中，pointer-events: none; 已从 .btn 中删除。然后，如果您只使用该类，该按钮看起来已禁用但仍然可以单击。

因此我会为按钮使用 disabled 属性。