webstead: visual distinction for input:checked:active too

It's a bit crude, but I think it helps.

diff --git a/webstead.xhtml b/webstead.xhtml
index 03877f2f0d0683777f927c96c1ff068ad5160bc7..598b7dc442ba957eabc0753a9a4f691d0dcfdf8b 100644 (file)
--- a/webstead.xhtml
+++ b/webstead.xhtml
@@ -40,6 +40,12 @@
       #pixels input:checked {
           background: currentColor;
       }
+      #pixels input:checked:active {
+          border: 0;
+          margin: 3px;
+          width: calc(var(--pix) - 6px);
+          height: calc(var(--pix) - 6px);
+      }
     </style>
     <!-- Script is async rather than deferred because Chromium can't
          handle deferred scripts in XHTML.