Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如果无效输入是禁用祖先的一部分,如何突出显示它们?_Html_Css_Css Selectors - Fatal编程技术网

Html 如果无效输入是禁用祖先的一部分,如何突出显示它们?

Html 如果无效输入是禁用祖先的一部分,如何突出显示它们?,html,css,css-selectors,Html,Css,Css Selectors,参数A和C的输入无效,但只有C突出显示。有没有办法确保参数a也能这样做 正文,输入,选择{ 字体系列:“Segoe UI”,无衬线; } 广域{ 显示:块; 位置:相对位置; } 形式{ 宽度:500px; 显示:内联块; } 输入:无效,字段集:禁用输入:无效{ 边框:3倍纯红; } 字段集:禁用{ 背景色:#中交; } 禁用元素 参数A s 参数B s 启用元素 参数C s 参数D s 您的代码工作正常。禁用时,表单字段不会应用验证CSS规则,因为它们无法修改,因此没有意义。 启用该字段

参数A和C的输入无效,但只有C突出显示。有没有办法确保参数a也能这样做


正文,输入,选择{
字体系列:“Segoe UI”,无衬线;
}
广域{
显示:块;
位置:相对位置;
}
形式{
宽度:500px;
显示:内联块;
}
输入:无效,字段集:禁用输入:无效{
边框:3倍纯红;
}
字段集:禁用{
背景色:#中交;
}
禁用元素
参数A
s
参数B
s
启用元素
参数C
s
参数D
s

您的代码工作正常。禁用时,表单字段不会应用验证CSS规则,因为它们无法修改,因此没有意义。
启用该字段集后,您将看到应用的正确样式。

诀窍是输入也变为
:禁用
,不再
:无效
您的标签将无法工作,因为您没有在输入时指定id,或者添加id或将输入移动到标签中。就css而言……如果你想让它跨浏览器兼容,通过js进行检查并添加有效/无效的类。你的意思是它(css的行为)按设计工作。但那不是我想要的。我需要提醒用户注意任何可能存在问题的状态,即使结果元素被禁用,它们仍然存在,并且包含无效条目。那么,您就违背了W3C关于可用性和可访问性的建议。认为您想要的可能更多的是一个问题而不是一个解决方案,因为将输入突出显示为无效是一个行动要求。当表单被禁用时,用户将无法完成的操作。这是令人困惑的。不过,请让我了解更多有关整个用户流程/旅程的信息,我将能够为您提供解决方案。为什么是残疾人?