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

问题描述

问 题

有时按钮需要处于禁止点击的状态。就是按钮点击之后不触发绑定的事件，不执行相关函数。
html标签有个disabled属性可以使按钮禁用。但是按钮disabled状态是有默认样式的。

我的问题是，按钮disabled状态的样式可以自已写，然后覆盖吗？兼容性又如何呢？

求指点迷津！

解决方案

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    pointer-events: none;
    cursor: not-allowed;
    box-shadow: none;
    opacity: .65;
}

这篇关于javascript - 请问按钮禁用状态的样式怎么写？求教！的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！