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
---
style.css | 34 ++++++++++++++++++++++++++++++++--
1 file changed, 32 insertions(+), 2 deletions(-)
(limited to 'style.css')
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