入力要素が疑似要素 ::before および ::after をサポートしないのはなぜですか?

パズルの解明: 入力要素に ::before と ::after 疑似要素が存在しない理由

デフォルトのスタイルを強化する取り組みHTML5 入力要素では、::after 疑似要素がコンテンツのレンダリングに失敗するという一般的な問題が発生します。さまざまなブラウザーで数多くの試みとテストが行​​われたにもかかわらず、望ましい視覚的な強化は依然として実現できません。

この奇妙な動作は好奇心を引き起こします。なぜブラウザーは入力要素の ::after 疑似要素を一斉に拒否するのでしょうか? CSS 仕様を徹底的に調べると、重要な詳細が明らかになります。 CSS21 仕様によれば、::after はドキュメント ツリーのコンテンツを持つ要素にのみ適用されます。画像や改行などの要素と同様に、入力要素にはそのようなコンテンツが含まれていないため、::after の使用は無効になります。

したがって、答えは入力要素の性質にあります。テキストコンテンツを運ぶ段落やスパンなどの要素とは異なり、入力要素は主にユーザーの対話を促進するものであり、表示目的のコンテンツはありません。この固有の特性により、入力要素での ::before および ::after 疑似要素の使用が妨げられます。

以上が入力要素が疑似要素 ::before および ::after をサポートしないのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。