:disabled和:enabled是CSS中用于表单元素的伪类，分别选中禁用和启用状态的控件。:enabled匹配可交互元素，如未设置disabled属性的input、button等；:disabled则选中已禁用的表单元素，常用于灰化不可操作控件。两者互为反义，通过设置不同样式提升表单视觉反馈，仅对支持disabled属性的表单元素有效，普通标签如div、span不受影响。
在CSS中，:disabled 和 :enabled 是用于表单元素的伪类选择器，用来根据元素是否可交互来应用不同的样式。
表示一个可以被用户操作的表单元素。默认情况下，大多数表单控件如输入框、按钮等都是启用状态。
选中当前处于禁用状态的表单元素。禁用的元素通常无法被点击、聚焦或提交。
通过这两个伪类可以轻松控制启用和禁用状态下的外观：
立即学习“前端免费学习笔记（深入）”；
input:enabled {
background-color: #fff;
border: 1px solid #ccc;
}
input:disabled {
background-color: #f5f5f5;
color: #999;
border: 1px dashed #ddd;
}
基本上就这些。它们互为反义，配合使用能提升表单的视觉反馈效果，让用户更清楚哪些控件当前可用。注意只对支持 disabled 属性的元素有效，比如表单相关标签。普通 div 或 span 不受这两个伪类影响。
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
广告Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
1000
收藏
