为了能够检查多个输入,它们必须是复选框。 (他们可以是具有不同名称的单选按钮,但是一旦检查,您将无法取消选中它们。)
所以使用复选框,只有当选中了提交按钮时才使用general sibling selector(〜):
input[type="Submit"] {
display: none;
}
input:checked ~ input[type="Submit"] {
display: inline;
}
First
Second
Third
Fourth
如果您想要禁用提交按钮的外观,请添加禁用的第二个按钮。
当没有单击输入时,仅显示已禁用的提交按钮。单击一个或多个输入时,仅显示启用的提交按钮:
input[type="Submit"]:not([disabled]) {
display: none;
}
input:checked ~ input[type="Submit"]:not([disabled]) {
display: inline;
}
input:checked ~ input[disabled] {
display: none;
}
First
Second
Third
Fourth