CSS :valid 疑似クラス| CSS:スタイルシート 関数 要素 使い方・書き方 例 CSS サンプル

:valid 疑似クラス CSS プロパティとは

トピック：要素の設定に従って検証する値を持つフォーム要素を選択する 事ができる <input>要素と、コンテンツの検証に成功した他の<form>要素を表し これにより、ユーザーが有効なフィールドにデータのフォーマットが適切であることを容易に確認できる外観を簡単に変更できる

疑似クラス セレクター :valid

実例 コード 1

サンプル コードを試す
    input:valid { 
         background-color: red;
    } 
    /* 有効な <input> をすべて選択 */

構文

:valid { css : properties ; }
 疑似クラス名 {スタイル要素のプロパティ : プロパティ値; }
CSS バージョンCSS 3

サポートするデスクトップ ブラウザ対応・互換性

PropertyDesktop 互換性
:validChromeEdgeFirefoxInternet ExplorerOperaSafari
基本 サポートフルサポート◯10フルサポート◯12フルサポート◯4フルサポート◯10フルサポート◯10フルサポート◯5
<form>要素に適用フルサポート◯ありサポートなし✖フルサポート◯13サポートなし✖フルサポート◯あり 不明

サポートするモバイル ブラウザ対応・互換性

PropertyMobile 互換性
:validAndroidChrome for Android
Edge MobileFirefox for Android
Opera for Android
iOS SafariSamsung Internet
基本 サポート 不明 不明フルサポート◯ありフルサポート◯4フルサポート◯10フルサポート◯5 不明
<form>要素に適用 不明 不明サポートなし✖フルサポート◯14 不明 不明 不明
：:valid 疑似クラス 関連記事
CSS :valid 疑似クラス| CSS:スタイルシート 関数 要素 使い方・書き方 例 CSS サンプル
CSS :valid 疑似クラス | CSS プロパティ 値| 意味 使い方 実例 – WebRef
あわせて読みたい

Html

Glossary

PHP

JavaScript

JQuery

CSS