From 9ad8ffd9cf3e13439b2d2f542c75cf438b6dd717 Mon Sep 17 00:00:00 2001 From: Stefan Dietz Date: Fri, 13 Oct 2023 15:46:15 +0200 Subject: [PATCH] Fix missing outline in Chromium-based browsers on Windows in high contrast mode --- packages/components/src/components/input-range/style.css | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/packages/components/src/components/input-range/style.css b/packages/components/src/components/input-range/style.css index 87b503166b..09dd071538 100644 --- 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; + } +}