From 747288d0d1c89d1e77d316421b36b556467c3d51 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?C=C3=A1ssio=20H=C3=BCbner?= Date: Sat, 25 Apr 2020 19:52:05 +0200 Subject: [PATCH] Add :active state to radio and checkbox inputs --- style.css | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/style.css b/style.css index 39e63d1..8321779 100644 --- a/style.css +++ b/style.css @@ -290,6 +290,10 @@ input[type="radio"] + label::before { background: svg-load("./icon/radio-border.svg"); } +input[type="radio"]:active + label::before { + background: svg-load("./icon/radio-border-disabled.svg"); +} + input[type="radio"]:checked + label::after { content: ""; display: block; @@ -331,6 +335,10 @@ input[type="checkbox"] + label::before { margin-right: var(--radio-label-spacing); } +input[type="checkbox"]:active + label::before { + background: var(--surface); +} + input[type="checkbox"]:checked + label::after { content: ""; display: block;