禁用按钮的cursor和颜色不生效，根本原因是原生disabled属性被浏览器策略性压制，导致cursor声明被忽略、颜色被接管；必须配合pointer-events:none、高权重选择器及aria-disabled才能可靠生效。
禁用按钮的 cursor 和颜色改不生效，根本不是 CSS 写错了，而是你还在用原生 disabled 属性——它会强制浏览器忽略你写的 cursor，且默认颜色由浏览器接管，CSS 权重再高也常被压制。
为什么 button:disabled 的 cursor 常失效
Chrome/Firefox 对原生 disabled 元素有策略性限制：cursor 样式会被浏览器直接丢弃，哪怕你写了 cursor: not-allowed !important。这不是 Bug，是规范行为。
- 真正起效的是
pointer-events: none+ 显式cursor组合，但必须脱离原生disabled属性 - Bootstrap 5 的
button:disabled规则本身带pointer-events: none，但部分旧版或自定义构建可能漏掉 - 只加
cursor: wait不写pointer-events: none，Safari/Edge 可能仍显示箭头
怎么安全覆盖禁用按钮的 cursor 和文字色
别碰全局 :disabled，按按钮类型单独写，确保选择器权重压过 Bootstrap 默认规则：
- 对主按钮：
.btn-primary:disabled { cursor: wait !important; color: #555 !important; } - 对所有按钮统一控制：
button.btn:disabled { cursor: not-allowed !important; color: #777 !important; } - 如果用了
.disabled类（比如框架里动态绑定），必须配pointer-events: none：.btn.disabled { pointer-events: none; cursor: help !important; color: #666 !important; } - 避免写
input[type="button"]:disabled单独样式——这类元素不走 Bootstrap 的.btn类，需单独覆盖背景、边框、文字色
哪些地方容易踩坑
改完发现还是箭头、还是灰色太浅、或者高对比度模式下看不见文字，大概率掉进这几个坑：
-
!important不是万能的——如果 Bootstrap 的 CSS 是从 CDN 加载且顺序在你样式之后，!important也盖不住；得提高选择器 specificity，比如用button.btn.btn-primary:disabled - 光调
color不够：禁用态按钮的可访问性要求文字与背景对比度 ≥ 4.5:1，#999在浅灰背景上常不达标，建议用color: #6c757d这类 Bootstrap 内置中灰 - 别对
fieldset:disabled或自定义组件粗暴套用同一套规则——它们语义不同，强行统一会破坏屏幕阅读器逻辑 - 移动端 WebView（尤其安卓旧版）对
:disabled的cursor支持极差，必须补style="cursor: not-allowed"行内样式才保险
最稳的路径是：放弃依赖原生 disabled 控制视觉，用类名 + pointer-events: none + 显式 cursor + aria-disabled 四件套，才能兼顾样式、交互和可访问性。
