Fix CSS for inputs on disabled sliders

KoolADE85 · KoolADE85 · commit f045832124d6 · 2026-01-07T10:10:33.000-07:00
diff --git a/components/dash-core-components/src/components/css/sliders.css b/components/dash-core-components/src/components/css/sliders.css
@@ -83,7 +83,8 @@
     display: block;
 }
 
-.dash-slider-thumb[data-disabled] {
+.dash-slider-thumb[data-disabled],
+.dash-range-slider-input:disabled {
     cursor: not-allowed;
     opacity: 0.5;
 }

Original file line number	Diff line number	Diff line change
`@@ -83,7 +83,8 @@`
`83`	`83`	`display: block;`
`84`	`84`	`}`
`85`	`85`
`86`		`-.dash-slider-thumb[data-disabled] {`
	`86`	`+.dash-slider-thumb[data-disabled],`
	`87`	`+.dash-range-slider-input:disabled {`
`87`	`88`	`cursor: not-allowed;`
`88`	`89`	`opacity: 0.5;`
`89`	`90`	`}`