Switch example using checkbox: Remove browser prefixes from CSS and f…

…ix stylelint errors (pull #2125)
w3c · Nov 13, 2021 · 7a8a0fc · 7a8a0fc
1 parent fc85cba
commit 7a8a0fc
Showing 1 changed file with 3 additions and 5 deletions.
diff --git a/examples/switch/css/switch-checkbox.css b/examples/switch/css/switch-checkbox.css
@@ -18,17 +18,15 @@ label {
 label .label {
   display: inline-block;
   width: 9em;
-  -webkit-user-select: none;
   user-select: none;
 }
 
 label input[role="switch"] {
-  opacity: 0;
+  opacity: 0%;
 }
 
 label input[role="switch"] ~ .state {
   display: inline-block;
-  -webkit-user-select: none;
   user-select: none;
 }
 
@@ -52,7 +50,7 @@ label input[role="switch"] ~ .state > .container > .position {
   width: 14px;
   height: 14px;
   background: black;
-  opacity: 0.6;
+  opacity: 60%;
 }
 
 label input[role="switch"]:not(:checked) ~ .state span.on {
@@ -67,7 +65,7 @@ label input[role="switch"]:checked ~ .state > .container > .position {
   left: 20px;
   border-color: green;
   background: green;
-  opacity: 1;
+  opacity: 100%;
 }
 
 label.focus,