WebDevCat.me · Catalin Mititiuc

From e9d104f07823a6165315938ce48cf3d14465fe17 Mon Sep 17 00:00:00 2001 From: Catalin Mititiuc Date: Sat, 23 Mar 2024 14:25:29 -0700 Subject: Works but need to next inputs inside labels if want no text --- index.html | 18 ++++++------------ style.css | 34 ++++++++++++++++++++++++++++++++-- 2 files changed, 38 insertions(+), 14 deletions(-) diff --git a/index.html b/index.html index ac6ab02..6dffb03 100644 --- a/index.html +++ b/index.html @@ -77,18 +77,12 @@

-->

- - - - - - - + + lethal + + clear + + bruise

Troop Number 1

diff --git a/style.css b/style.css index 80bd232..ed68970 100644 --- a/style.css +++ b/style.css @@ -95,24 +95,54 @@ input { outline: 2px solid deeppink; } +input + label { + border: 1px solid red; + display: none; +} + input:first-of-type { outline: none; } +label:first-of-type { + border: none; + display: inline; +} + input:checked { border: none; outline: 2px solid deeppink; } -input:has(+ input:checked) { +input:checked + label { + border: 1px solid red; + display: none; +} + +input:has(+ label + input:checked) { border: none; outline: 2px solid deeppink; } -input[type="radio"]:checked + input { +label:has(+ input:checked) { + border: 1px solid red; + display: none; +} + +input[type="radio"]:checked + label + input { outline: none; } +input:checked + label + input + label { + border: none; + display: inline; +} + +input { + position: absolute; + opacity: 0; +} + image#img1 { transform: scale(3.41) rotate(-0.15deg); /* opacity: 0.33; */ -- cgit v1.2.3