diff --git a/index.html b/index.html
index 30128f1..2d82518 100644
--- a/index.html
+++ b/index.html
@@ -55,11 +55,11 @@
         text-align: end;
       }
 
-      input[type="range"]:not(.ro):disabled:-webkit-slider-thumb {
+      input[type="range"].off:-webkit-slider-thumb {
         opacity: 0;
       }
 
-      input[type="range"]:not(.ro):disabled::-moz-range-thumb {
+      input[type="range"].off::-moz-range-thumb {
         opacity: 0;
       }
 
diff --git a/scripts/index.js b/scripts/index.js
index 1e55759..d77b3da 100644
--- a/scripts/index.js
+++ b/scripts/index.js
@@ -189,6 +189,7 @@ function triggerSliders(generate) {
     }
 
     sliderElement.disabled = !func(overrideElement);
+    if (!func(overrideElement)) sliderElement.classList.add("off");
 
     updateDescription(
       description[0],
@@ -278,6 +279,7 @@ function parseURL() {
     document.addEventListener("DOMContentLoaded", () => triggerSliders(true));
     return;
   }
+  triggerSliders(false);
   nameElement.value = urlParams.get("n") || "";
   decode(urlParams.get("s"));
   sliders.forEach(([slider, override]) => {