[分享]css中disabled使用方法

CSS中的disabled是用来表示一个元素不能被选中或者作的。这通常用于表单元素，比如input、button等，以及一些链接和其他交互性的元素。在CSS中，我们可以通过设置disabled的属性来...

CSS中的disabled是用来表示一个元素不能被选中或者***作的。这通常用于表单元素，比如input、button等，以及一些链接和其他交互性的元素。

在CSS中，我们可以通过设置disabled的属性来实现该功能，如下：

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

上述代码表示当button元素被设置为disabled时，其颜色变成灰色，背景色变成浅灰色，同时光标变成不可操作的状态。

对于input元素，可以设置其disabled属性来实现该功能，如下：

input:disabled {
  opacity: 0.5;
  cursor: not-allowed;
} 

上述代码表示当input元素被设置为disabled时，其透明度变为0.5，光标变成不可操作的状态。

总之，disabled属性是一个非常实用的CSS属性，可以使得元素变成不可选中或者不可操作的状态，从而更好地满足用户的操作需求。