css - 用于悬停的伪类选择器在 IE 中工作正常，但在 chrome [css] 中不起作用

Question

这是我的 CSS 代码示例。

.step-radio-button:not(:disabled):not(:checked):hover + label {

    background: yellow;
}

我已经尝试将 :disabled 更改为 [DISABLED] 或 :enabled 但它仍然不起作用。

.step-radio-button:not([DISABLED]):not(:checked):hover + label {

    background: yellow;
}

或者

.step-radio-button:enabled:not(:checked):hover + label {

    background: yellow;
}

Answer 1

如果您对此有疑问，为什么不简化它呢？

.step-radio-button:hover + label {
    background: yellow;
}

.step-radio-button:disabled:hover + label,
.step-radio-button:checked:hover + label {
    background: <some_other_color>;
}