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

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;
}

Answer 2

button:disabled {

}

兼容性请查看http://caniuse.com/#search=%3...

Answer 3

a标签设置disabled属性是不会达到禁用的目的，你可以用css属性pointer-events:none;来禁用鼠标的点击事件，或者在你的目标元素上绑定事件，然后event.preventDefault()阻止默认行为。