入力：無効と入力[無効] CSSセレクタ

:disabled CSS擬似クラスセレクタとスタイルを適用するCSS属性セレクタ[disabled] CSSセレクタ（異なるブラウザのサポートなど）の使用には違いがあるのでしょうか？無効なHTML入力要素か、それとも全く同じですか？入力：無効と入力[無効] CSSセレクタ

出典

2017-12-08 danicotra

彼らは完全に同等ではありません。要素は、その属性が実際に変化することなく、異なる状態を得ることができます。その場合、 '：disabled'が動作し、' [disabled] 'は動作しません。 – GolezTrol

これを参照してください：https://stackoverflow.com/questions/20141450/should-i-use-css-disabled-pseudo-class-or-disabled-attribute-selector-or-is-i –

他の方法で、大きな違いは、disabled（デフォルトでは？）はinput要素に対してのみ機能し、disabled属性を設定すると何にも作用するがデフォルト効果はないという点です。一般的には、意図した動作に固執する必要があります。したがって、disabledを使用するのがベストプラクティスです。 –

:disabledがcss3に導入されている。 [disabled]はcss2から存在します。

私は希望：[無効]を超える無効からこの質問を参照してください。[disabled]は以降CSS2をサポートしているブラウザでサポートされている間Should I use CSS :disabled pseudo-class or [disabled] attribute selector or is it a matter of opinion?

出典

2017-12-08 16:24:18 CoursesWeb

:disabledアプローチは、CSS3をサポートするブラウザでサポートされています。

ブラウザサポートは、両方で非常によく似ています。主な違いはIE7の後方対IE9の後方互換性です。

同様に、[disabled]アプローチは、古いモバイルOSバージョンのネイティブブラウザでサポートされています。

詳細については、を参照してください。

出典

2017-12-08 16:26:09

入力：無効と入力[無効] CSSセレクタ

答えて

関連する問題