fix blue highlight

2022-11-30 12:48:20 +03:00
parent 0087942ab4
commit ea7926ec6b
2 changed files with 23 additions and 1 deletions
--- a/src/pages/style.ts
+++ b/src/pages/style.ts
@@ -92,6 +92,13 @@ export const StartLabel = styled.label`
        inset 0 2px 3px rgba(255,255,255,0.13),
        0 5px 8px rgba(0,0,0,0.3),
        0 10px 10px 4px rgba(0,0,0,0.3);
+    -webkit-tap-highlight-color: transparent;
+    -webkit-touch-callout: none;
+    -webkit-user-select: none;
+    -khtml-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;

    &::after {
        content: ""; 
@@ -131,6 +138,13 @@ export const StartInput = styled.input`
    z-index: 100;
    position: absolute;
    cursor: pointer;
+    -webkit-tap-highlight-color: transparent;
+    -webkit-touch-callout: none;
+    -webkit-user-select: none;
+    -khtml-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;

    &:checked ~ label {
        box-shadow: