From 4479f673168a09a50bd6c7f2c3508ee0c7acdef0 Mon Sep 17 00:00:00 2001 From: Ardis Lu Date: Wed, 8 Nov 2023 21:06:20 -0800 Subject: [PATCH] Simplify button CSS Attribute selector specificity is greater than pseudo-class --- index.html | 9 +++------ 1 file changed, 3 insertions(+), 6 deletions(-) diff --git a/index.html b/index.html index 1040d09..4c9520d 100644 --- a/index.html +++ b/index.html @@ -73,17 +73,14 @@ transition: filter 600ms; } - [data-submitting] button { - cursor: not-allowed; - border: 1px solid hsl(216deg 70% 75%); - } - :is(input, output, button):is(:hover, :focus-within) { filter: drop-shadow(0 0 2px hsl(216deg 70% 50%)); transition: filter 200ms; } - [data-submitting] button:is(:hover, :focus-within) { + [data-submitting] button { + cursor: not-allowed; + border: 1px solid hsl(216deg 70% 75%); filter: unset; transition: unset; } -- 2.47.3