Fix missing outline in Chromium-based browsers on Windows (#5427)

public-ui · Oct 16, 2023 · f275d04 · f275d04
2 parents 40b71c6 + 9ad8ffd
commit f275d04
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/packages/components/src/components/input-range/style.css b/packages/components/src/components/input-range/style.css
@@ -45,3 +45,10 @@ input[type='range']::-moz-range-thumb {
 .error.hidden {
 	display: none;
 }
+
+/* Fix missing outline in Chromium-based browsers on Windows in high contrast mode. */
+@media (prefers-contrast: more) {
+	::-webkit-slider-thumb {
+		outline: 1px solid currentColor;
+	}
+}