[分享]css中disabled的值

CSS中的disabled属性一般用于表单元素中，表示这个元素处于禁用状态。例如，当我们设置一个按钮的disabled属性为true时，这个按钮就会呈现灰色且无法点击。button:disabled ...

CSS中的disabled属性一般用于表单元素中，表示这个元素处于禁用状态。例如，当我们设置一个按钮的disabled属性为true时，这个按钮就会呈现灰色且无法点击。

button:disabled {
  background-color: gray;
  cursor: not-allowed;
} 

另外，我们还可以针对文本框、单选框和复选框等表单元素使用disabled属性。同样，这些元素处于禁用状态时，也会被呈现灰色且无法点击。

input[type="text"]:disabled {
  background-color: gray;
  color: #ccc;
  cursor: not-allowed;
} 

需要注意的是，禁用状态的表单元素并不会被提交到服务器，因此在后端处理数据时要考虑到这个因素。

总之，CSS中的disabled属性可以让我们轻松地为表单元素添加禁用状态的样式，从而增加网站的交互性。