css - html5/css3 :disabled pseudo class - working? 如何显示？它有什么作用？

Question

css3伪类:禁用

• 是否支持此功能 - 以为可以，但无法使其在 chrome 中飞行
  • 尝试设置 div.disabled = true;
  • 尝试设置 div.endabled = false;
  还是没有喜悦
• 如果希望显示整个 DIV 已禁用，如何在不知道其背景颜色的情况下使整个 DIV 变暗“变灰”？
• 如果 DIV 被禁用，其中包含的 INPUT 和 A(nchor)是否也会被禁用？

---

我的解决方案:使用具有较高 z-index 的半透明页面覆盖要禁用的页面区域 - 这可以防止与下面的页面进行任何交互。

Answer 1

1. 我很确定您无法将禁用属性添加到 <div>标签，仅<input /> , <fieldset>和<command>标签。也许尝试添加 <fieldset disabled>在你身边<input />元素代替？

2. 使用 rgba 颜色或不透明度为禁用的元素提供淡出外观，或使用 hsl 颜色并降低饱和度为禁用的元素提供黑白外观

3. 如果您使用<fieldset disabled>我认为它将禁用所有 <input />其中包含的元素。