input:focusは入力のときだと思うんすけど、input:validはなんなの？🤔 `input:focus`と`input:valid`は、CSSで使われる擬似クラスですが、それぞれ異なる状態を指します。 `input:focus` `input:focus`は、ユーザーがフォーム要素（例えば`input`タグ）にフォーカスしている ...

フォームUIの細部までブランドカラーで統一したい。でも、チェックボックスやラジオボタンの色を変えるには、CSSだけでは難しい…そう思っていませんか？ 実は、accent-colorプロパティを使えば、たった1行でブラウザ標準のフォーム要素の色を変更できます。

:placeholder-shownはIEを除く、すべてのブラウザにサポートされています。 :placeholder-shownのサポートブラウザ 入力時にラベルをフロートして再配置するCSSは、下記の通りです。

11/1にリリースされたChrome 119で、新しい疑似クラス、相対カラー構文など、4つの新しいCSSの機能が追加されたので、紹介します。 11/1にリリースされたChrome 119で4つの新しいCSSの機能が追加されました。対象となるChrome 119は、Android、ChromeOS、Linux、macOS、Windows ...