2

css3 疑似クラス : 無効

  • これはまだサポートされていますか?
    • div.disabled = true; を設定してみました。
    • div.endabled = false; を設定してみました。
    まだ喜びがない

  • DIV全体を無効に表示したい場合、背景色を知らずにDIV全体を「グレーアウト」するにはどうすればよいですか?

  • DIV が無効になっている場合、そこに含まれる INPUT と A(nchor) も無効になりますか?

私の解決策: 無効にするページの領域を、より高い z-index を持つ半透明のページでカバーします。これにより、下のページとの相互作用が防止されます。

4

3 に答える 3

3

  1. <div>タグに<input />無効な属性<fieldset>を追加することはできません<command>。代わりに、要素の<fieldset disabled>周りにa を追加してみてください。<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には、互換性の表にセレクターが含まれています。

その表によると、このスタイルは、最近 IE9 で追加されたばかりの IE を除くすべてのブラウザーで広くサポートされています。

ただし、attrセレクターを使用して同じことを行うことができます。

.myclass[disabled] { .... }

は (事実上) と同じです

.myclass:disabled { .... }

IE7 と IE8 で動作するという利点があります。

于 2011-04-20T11:33:04.217 に答える