Html CSS伪类和：禁用：有效选择器

我想根据输入条件应用一些样式。我不想使用任何额外的类，也不想寻找只使用CSS的解决方案

问题是当我尝试使用此选择器时

:disabled:valid
:disabled:invalid

这就是行不通。有什么想法吗

谢谢你抽出时间

输入：禁用+span{
颜色：灰色；
}
输入：有效+span，输入：禁用：有效+span{
颜色：绿色；
}
输入：无效+span，输入：禁用：无效+span{
颜色：红色；
}
字段集{
填充：10px；
边界：无；
}
字段集>div{
边缘底部：10px；
}
标签{
显示：块；
}
按钮：第一个孩子{
左边距：10px；
}

名字
有效的
姓
无效的
发送
取消

不幸的是，一旦输入被禁用，浏览器将不再显示有效或无效。无效类将排除其他伪类。

如果它被禁用，则（a）它将不会被提交，（b）用户无法更改它……因此“有效”是没有意义的。@Quentin规范不同意：“即使某一元素被禁用，该元素仍可能受到这些状态的影响；因此，这些状态可以在DOM中表示，即使在提交期间验证表单不会向用户指出问题。“@JonHieb-这是一个过时的规范版本。我在当前版本中找不到任何类似的语言。这令人失望。尽管有文体上的用途，但没有简单的方法来选择特定上下文中“约束验证候选”的所有元素。我一直在使用选择器

：valid，：invalid

，它工作得很好，直到我意识到它与禁用的输入不匹配。作为一个库开发人员，这是非常不方便的。标记名选择器的详尽列表无法选择表单关联的自定义元素：