From 28f482f728de2803ab6d24623ff993681e825d13 Mon Sep 17 00:00:00 2001 From: tijsklaren Date: Sun, 5 Feb 2023 17:32:42 +0100 Subject: [PATCH] Third attempt of fixing radio and checkbox styling --- src/css/forms.css | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) diff --git a/src/css/forms.css b/src/css/forms.css index f227b31..ab2b4dd 100644 --- a/src/css/forms.css +++ b/src/css/forms.css @@ -5,7 +5,7 @@ form{ flex-direction: column; } -input:not(input[type="radio"], input[type="checkbox"]), button, textarea, select, .button{ +input, button, textarea, select, .button{ /* We don't want the stupid browser appearance */ appearance: none; @@ -30,6 +30,12 @@ input:not(input[type="radio"], input[type="checkbox"]), button, textarea, select background: white; } +input[type="radio"], input[type="checkbox"]{ + appearance: auto; + width: unset; + margin: unset; +} + /* If it is a button */ button, input[type='submit'], input[type='button'], .button{ /* Align text in the center */