Html/CSS/JS– category –

規約や個人情報の扱いについて複数同意チェックしないとボタン等を押せないようにしたいときのJS。チェックボタンは何個でも対応したJS。ifの条件分岐を書き換えれば、全項目チェック必須ではなく、１０個選択中３つ選択必須などの個数選択ボタンにも使え...

個人情報の取り扱いや規約などでよく使われている複数同意項目のinput(checkbox）をCSSだけで作ってみた。これまでもチェックボックスが１個だけならCSSだけで制作できたが、複数同時チェックは難しく、JSを使うのがほとんどだった。そこに疑似クラスhasが...

これまでflex等で、親要素から見た子要素のCSSのだし分けはあったけれど、:has()疑似クラスが各ブラウザにサポートされたおかげで、実務面でいっきに楽になった気がする。その中で、現場でつかえて画期的だと感じた:has()の使い方を紹介。 CSS :has()疑似...