Web Dev Solutions

Catalin Mititiuc

aboutsummaryrefslogtreecommitdiff
path: root/style.css
diff options
context:
space:
mode:
authorCatalin Mititiuc <Catalin.Mititiuc@gmail.com>2024-03-23 14:25:29 -0700
committerCatalin Mititiuc <Catalin.Mititiuc@gmail.com>2024-03-23 14:25:29 -0700
commite9d104f07823a6165315938ce48cf3d14465fe17 (patch)
tree6257abea7f78f68baa38918d3cdc9621bd51a4f5 /style.css
parent51f2656ad9b4cfcd1661fec3ea4ef4986cdbee8a (diff)
Works but need to next inputs inside labels if want no text
Diffstat (limited to 'style.css')
-rw-r--r--style.css34
1 files changed, 32 insertions, 2 deletions
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; */