无论何时使用JavaScript禁用文本框，都需要更改其颜色_Javascript_Jsp

无论何时使用JavaScript禁用文本框，都需要更改其颜色

javascript jsp

无论何时使用JavaScript禁用文本框，都需要更改其颜色,javascript,jsp,Javascript,Jsp,在我的HTML中，我有两个组合框和一个文本框。如果禁用这3个选项，则文本框的背景色与组合框的背景色不同。我尝试过使用以下CSS <head> <style> input:enabled { background:#ffff00; } input:disabled { background:#dddddd; } </style> </head> 输入

在我的HTML中，我有两个组合框和一个文本框。如果禁用这3个选项，则文本框的背景色与组合框的背景色不同。我尝试过使用以下CSS

<head>
  <style>
     input:enabled
     {
       background:#ffff00;
     }
     input:disabled
     {
       background:#dddddd;
     }
   </style>
</head>


输入：已启用
{
背景#ffff00；
}
输入：禁用
{
背景：#dddddd；
}

如果您使用的是

元素，您还需要在每个CSS选择器中选择：

input:enabled, select:enabled
{
background:#ffff00;
}
input:disabled, select:disabled
{
background:#dddddd;
}

您仅为输入字段和选择字段指定了CSS样式。组合框使用select标记，因此您还需要为select标记定义样式

定义select:disabled的样式应该会得到预期的结果

input:disabled, select:disabled {
    background:#dddddd;
}

下面是一个在JSFIDLE上演示相同功能的简短示例：