请问按钮禁用状态的样式怎么写？求教！

Question

有时按钮需要处于禁止点击的状态。就是按钮点击之后不触发绑定的事件，不执行相关函数。html标签有个disabled属性可以使按钮禁用。但是按钮disabled状态是有默认样式的。我的问题是，按钮disabled状态的样式可以自已写，然后覆盖吗？兼容性又如何呢？求指点迷津！

Answer 1

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {

    pointer-events: none;

    cursor: not-allowed;

    box-shadow: none;

    opacity: .65;

}