2017-12-08 16 views
0

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

+2

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

+0

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

+0

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

答えて

0

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

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

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

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