这个问题我之前也碰到过，本质是状态更新的时序或者样式优先级冲突导致的：当你点击第10次时，按钮先触发了isHighlighted（按下状态），随后才设置isEnabled = false，但此时高亮状态还没被自动清除，而你的样式逻辑里高亮的优先级又比禁用高，所以就出现了这个尴尬的情况。下面给你几个靠谱的修复方案：

方案1：先清除高亮状态，再禁用按钮 #

在你的点击事件处理逻辑里，先手动把isHighlighted设为false，再设置isEnabled = false，确保禁用状态能立刻覆盖高亮状态。举个伪代码例子：

// 假设是Swift的自定义按钮类
@IBAction func buttonTapped(_ sender: CustomButton) {
    clickCount += 1
    if clickCount == 10 {
        // 先清除高亮
        sender.isHighlighted = false
        // 再禁用按钮
        sender.isEnabled = false
    }
}

如果是前端框架（比如React），可以在更新禁用状态前，先重置高亮的状态变量：

const handleClick = () => {
    setClickCount(prev => {
        const newCount = prev + 1;
        if (newCount === 10) {
            // 先清除高亮
            setIsHighlighted(false);
            // 再禁用
            setIsEnabled(false);
        }
        return newCount;
    });
};

方案2：调整样式优先级，让禁用样式覆盖高亮 #

如果手动修改状态时序不太方便，可以直接在样式定义里提升禁用状态的优先级。比如在CSS或者自定义控件的样式配置中：

/* CSS示例 */
.customButton:disabled {
    /* 禁用状态的样式 */
    background-color: #ccc;
    /* 用多重状态组合提升优先级，确保覆盖高亮/点击状态 */
}
.customButton:disabled:active, .customButton:disabled:hover {
    background-color: #ccc;
}

如果是原生iOS的UIButton子类，可以在样式绘制方法里，先判断isEnabled，如果禁用就直接渲染禁用样式，忽略高亮状态：

override func draw(_ rect: CGRect) {
    guard isEnabled else {
        // 绘制禁用状态的样式
        drawDisabledStyle()
        return
    }
    // 再处理高亮等其他状态
    if isHighlighted {
        drawHighlightedStyle()
    } else {
        drawNormalStyle()
    }
}

方案3：延迟到触摸/点击结束后再禁用 #

有些框架里，按钮的高亮状态是在触摸按下时触发，松开时清除。你可以把禁用逻辑延迟到触摸事件的touchesEnded阶段（原生iOS）或者鼠标抬起事件（前端），这样高亮状态已经被自动清除后，再禁用按钮，就不会有冲突了。

比如iOS里：

override func touchesEnded(_ touches: Set<UITouch>, with event: UIEvent?) {
    super.touchesEnded(touches, with: event)
    clickCount += 1
    if clickCount == 10 {
        isEnabled = false
    }
}

这几个方案里，方案1和方案2是最常用的，你可以根据你的技术栈选择合适的方式来修复~

内容的提问来源于stack exchange，提问作者Patricia