CSS 参考手册

CSS @规则(RULES)

CSS 属性大全

CSS :valid 選択子

オンラインサンプル

input要素に値が合法的である場合、黄色に設定します:

例

!DOCTYPE html
<html>
<head>
<meta　charset="utf-8">　
<title>基本チュートリアル(oldtoolbag.com)/title>　
<style>
input:valid
{
　　　　background-color: yellow;
}
</style>
</head>
<body>
<h3>　:valid　選択子の例を示します。</h3>
<input　type="email"　value="[email protected]"　/>
<p>無効なe-メール　アドレス、スタイルの変更を確認してください。</p>
</body>
</html>

テストして見て‹/›

定義と使用

:valid 選択子は、フォーム要素の値が指定された条件に基づいて検証される場合に指定されたスタイルを設定します。

注意: 　:valid 選択子は、指定された範囲の値を持つ要素（例：input要素のminおよびmax属性、正しいemailフィールド、合法な数字フィールドなど）にのみ適用されます。

ブラウザの互換性

テーブルの数字は、その属性をサポートする最初のブラウザのバージョン番号を示しています。

選択子
:valid	10.0	10.0	4.0	5.0	10.0

CSS 语法

:valid
{
　　　　css　宣言;
}