2

css3 伪类：禁用

  • 这是否支持 - 认为它是但不能让它在 chrome 中飞行
    • 尝试设置 div.disabled = true;
    • 尝试设置 div.endabled = false;
    仍然没有快乐

  • 如果希望显示整个 DIV 被禁用，我如何在不知道其背景颜色的情况下使整个 DIV 变暗？

  • 如果 DIV 被禁用，那么其中包含的 INPUT 和 A(nchor) 是否也被禁用？

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

4

3 回答 3

3

  1. 我很确定您不能将 disabled 属性添加到标签、<div>only和标签。也许尝试在你的元素周围添加一个？<input /><fieldset><command><fieldset disabled><input />

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

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

于 2011-04-20T10:59:04.927 回答
3

您的问题的最佳答案是定义禁用元素是什么。

http://www.w3.org/TR/2000/WD-css3-userint-20000216#pseudo-disabled

2.1.3 :disabled 伪类

与 :enabled 类似，:disabled 允许作者精确指定禁用或非活动用户界面元素的外观。

应该注意的是，大多数元素既不会启用也不会禁用。如果用户可以激活它或将焦点转移到它，则启用一个元素。如果可以启用元素，则该元素将被禁用，但用户目前无法激活它或将焦点转移到它。

:disabled 在 Chrome 中受支持 - 检查 jsfiddle 示例：http: //jsfiddle.net/easwee/zCVGV/3/

于 2011-04-20T11:21:36.790 回答
0

Quirksmode:disabled在其兼容性表中包含选择器。

根据该表，该样式在所有浏览器中都得到广泛支持，除了 IE，它是最近才在 IE9 中添加的。

但是，您可以使用attr选择器来做同样的事情：

.myclass[disabled] { .... }

（实际上）与

.myclass:disabled { .... }

它的好处是它可以在 IE7 和 IE8 中运行。

于 2011-04-20T11:33:04.217 回答