Question

我今天早上参加了70-480的微软考试（HTML5，CSS3和Javascript），我发现一个问题令人困惑/错误/不完整。问题是：

您在网页上有一个复选框输入和一个文本输入。

<input type="checkbox" id="chkBox" /> 
<input type="email" id="txtEmail" disabled/>

要求是，当用户选中复选框时：

the email input should be enabled

当用户取消选中复选框

时 the email input should be disabled the email input should have gray background

您定义了以下脚本和样式：

<style>
     (selector) {
background-color:gray;
}
</style>

<script>
var chkbox = document.getElementById("chkBox");
if(chkbox.Checked)
{
   document.getElementById("txtEmail").(selector) = (selector);
}
else
{
   document.getElementById("txtEmail").(selector) = (selector);
}
</script>

您可以从下面给出的选项中进行选择，以替换上述代码中的(selector)。您可以多次使用相同的选项。

1)enabled
2)disabled
3)true
4)false
5)set

我知道启用和禁用我需要使用选项2,3和4，如下所示。而对于CSS中的另一个（选择器），我不知道哪个选项在那里有意义。这对我没有任何意义，你们认为这个问题是错误还是不完整？

if(chkbox.Checked)
{
   document.getElementById("txtEmail").disabled = false;
}
else
{
   document.getElementById("txtEmail").disabled = true;
}

Answer 1

有一个:disabled选择器，但在我看来应该在它前面指定一个冒号

https://regex101.com/r/qZ7oM7/2

Answer 2

请访问以下链接以选择已停用的输入

https://jsfiddle.net/pedrowperez/hgb5ufqw/2/

input[type="email"]:disabled {
     background: #d3d3d3;
}

在这种情况下需要使用什么css选择器

2 个答案: