使用css3 :disabled选择器选择被禁用的表单元素

使用css3 :disabled选择器

CSS3 :disabled选择器用于选择被禁用的表单元素，它可以让你更好地控制表单元素的外观和行为。它是一个CSS3属性，可以用来更改表单元素的外观，以及改变它们的行为。

使用方法

要使用CSS3 :disabled选择器，只需在CSS文件中添加以下代码：

:disabled {
  background-color: #ccc;
  color: #666;
  cursor: not-allowed;
}

上面的代码将会使所有被禁用的表单元素背景变为灰色，字体变为暗灰色，并且禁止鼠标点击。

你还可以添加其他CSS属性，以改变表单元素的外观，例如：

:disabled {
  background-color: #ccc;
  color: #666;
  cursor: not-allowed;
  border: 1px solid #999;
  font-style: italic;
}

上面的代码将会使被禁用的表单元素背景变为灰色，字体变为暗灰色，禁止鼠标点击，边框变为1像素灰色，字体样式变为斜体。

如果你想更改特定表单元素的外观，可以使用以下代码：

input[type="text"]:disabled {
  background-color: #ccc;
  color: #666;
  cursor: not-allowed;
  border: 1px solid #999;
  font-style: italic;
}

上面的代码将会使所有类型为“文本”的被禁用的表单元素背景变为灰色，字体变为暗灰色，禁止鼠标点击，边框变为1像素灰色，字体样式变为斜体。

你还可以使用CSS3 :enabled选择器来更改已启用的表单元素的外观，例如：

:enabled {
  background-color: #fff;
  color: #000;
  border: 1px solid #999;
  font-style: normal;
}

上面的代码将会使所有已启用的表单元素背景变为白色，字体变为黑色，边框变为1像素黑色，字体样式变为正常。

CSS3 :disabled选择器可以帮助你更好地控制表单元素的外观和行为，以便更加美观和易用。