gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-11-28 14:17:09 25 4
gpt4 key购买 nike

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

<html>
<head>
<style type='text/css'>
body, input, select {
font-family: "Segoe UI", sans-serif;
}
span.field {
display: block;
position: relative;
}
form {
width: 500px;
display: inline-block;
}
input:invalid, fieldset:disabled input:invalid {
border: 3px solid red;
}
fieldset:disabled {
background-color: #cccccc;
}

</style>
</head>
<body>
<form>
<fieldset name="a" disabled="">
<legend>Disabled elements</legend>
<span class="field">
<label for="A" >Parameter A</label>
<input name="A" type="number" required="" min="0" step="any" value="-3"> <span class="units">s</span>
</span>
<span class="field">
<label for="B" >Parameter B</label>
<input name="B" type="number" required="" min="0" step="any" value="3"> <span class="units">s</span>
</span>
</fieldset>
<fieldset name="b" >
<legend>Enabled elements</legend>
<span class="field">
<label for="C" >Parameter C</label>
<input name="C" type="number" required="" min="0" step="any" value="-3"> <span class="units">s</span>
</span>
<span class="field">
<label for="D" >Parameter D</label>
<input name="D" type="number" required="" min="0" step="any" value="3"> <span class="units">s</span>
</span>
</fieldset>
</form>
</body>
</html>

最佳答案

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

关于html - 如果它们是禁用祖先的一部分,我如何突出显示无效输入?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55754932/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com