入力が疑似要素をサポートしないのはなぜですか?

DDD
リリース: 2023-10-12 11:54:09
オリジナル
1002 人が閲覧しました

input は内容のない自己終了タグであるため、input は擬似要素をサポートしません。疑似要素を使用すると、生成されたコンテンツを要素のコンテンツの前後に挿入できますが、input 要素はユーザー入力を受け取るために使用されるフォーム コントロールであり、そのコンテンツはユーザーによって入力され、CSS を介して生成またはスタイル設定することはできません。したがって、input 要素には、選択およびスタイルを設定するための疑似要素のコンテンツがないため、疑似要素はサポートされません。

入力が疑似要素をサポートしないのはなぜですか?

# このチュートリアルのオペレーティング システム: Windows 10 システム、Dell G3 コンピューター。

input 要素は、HTML フォーム内のフォーム コントロールであり、ユーザー入力を受け取るために使用されます。これはコンテンツを持たない自己終了タグであるため、疑似要素はサポートされていません。

疑似要素は、`::before` や `::after` など、CSS 内の要素を選択してスタイル設定するために使用される特別なセレクターです。疑似要素を使用すると、生成されたコンテンツを要素のコンテンツの前後に挿入できます。

input 要素は、ユーザー入力を受け取るために使用されるフォーム コントロールです。その内容はユーザーによって入力され、CSS を通じて生成またはスタイル設定することはできません。したがって、input 要素には、選択およびスタイルを設定するための疑似要素のコンテンツがないため、疑似要素はサポートされません。

input 要素のスタイルを設定する場合は、CSS セレクターと属性セレクターを使用して、`` 要素自体またはその親要素を選択し、スタイルを設定できます。例:

input[type="text"] {
  /* 样式化文本输入框 */
  /* ... */
}
input[type="submit"] {
  /* 样式化提交按钮 */
  /* ... */
}
ログイン後にコピー

セレクターと属性セレクターを使用して、さまざまなタイプの入力要素を異なるスタイルで設定できます。

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

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート