diff --git a/packages/preset-umi/src/features/overrides/transform.ts b/packages/preset-umi/src/features/overrides/transform.ts
index a352e9ebf4c5..be97d3dc2313 100644
--- a/packages/preset-umi/src/features/overrides/transform.ts
+++ b/packages/preset-umi/src/features/overrides/transform.ts
@@ -47,6 +47,9 @@ export async function transform(cssContent: string, filePath: string) {
       } else if (/^body([\s+~>[:]|$)/.test(selector)) {
         // use html parent to promote body selector priority
         return `html ${selector}`;
+      } else if (selector === ':root') {
+        // https://github.com/umijs/umi/issues/12089
+        return 'html:root';
       }
       return prefixedSelector;
     },