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

Question

我今天早上参加了70-480 Microsoft考试（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选择器，但在我看来，它应该在它前面指定一个冒号

http://www.w3schools.com/cssref/sel_enabled.asp

Answer 2

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

https://developer.mozilla.org/en-US/docs/Web/CSS/:disabled

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