🎨 #17861

Author: Vanessa219

app/src/assets/scss/component/_select.scss

@@ -23,42 +23,44 @@
     box-shadow: inset 0 0 0 .6px var(--b3-theme-primary-light), 0 0 0 2px var(--b3-theme-primary-lighter);
   }
 
-  // 与 .b3-menu 的样式一致
-  @supports (appearance: base-select) {
-    appearance: base-select;
-
-    &::picker(select) {
+  // 仅 Windows 桌面端与浏览器启用 base-select 统一样式
+  .body--win32 &, .body--win32-browser & {
+    @supports (appearance: base-select) {
       appearance: base-select;
-      color: var(--b3-theme-on-background);
-      border-radius: var(--b3-border-radius-b);
-      box-shadow: var(--b3-dialog-shadow);
-      border: 1px solid var(--b3-theme-surface-lighter);
-      background-color: var(--b3-menu-background);
-      padding: 8px;
-      scrollbar-width: thin;
-      scrollbar-color: var(--b3-scroll-color) transparent;
-    }
-
-    &::picker-icon {
-      display: none;
-    }
 
-    option {
-      padding: 0 8px;
-      margin: 1px 0;
-      border-radius: var(--b3-border-radius);
-      line-height: 28px;
+      &::picker(select) {
+        appearance: base-select;
+        color: var(--b3-theme-on-background);
+        border-radius: var(--b3-border-radius-b);
+        box-shadow: var(--b3-dialog-shadow);
+        border: 1px solid var(--b3-theme-surface-lighter);
+        background-color: var(--b3-menu-background);
+        padding: 8px;
+        scrollbar-width: thin;
+        scrollbar-color: var(--b3-scroll-color) transparent;
+      }
 
-      &::checkmark {
+      &::picker-icon {
         display: none;
       }
 
-      &:checked {
-        color: var(--b3-theme-primary);
-      }
+      option {
+        padding: 0 8px;
+        margin: 1px 0;
+        border-radius: var(--b3-border-radius);
+        line-height: 28px;
+
+        &::checkmark {
+          display: none;
+        }
+
+        &:checked {
+          color: var(--b3-theme-primary);
+        }
 
-      &:hover {
-        background-color: var(--b3-list-hover);
+        &:hover {
+          background-color: var(--b3-list-hover);
+        }
       }
     }
   }

app/src/boot/onGetConfig.ts

@@ -1,6 +1,6 @@
 import {adjustLayout, exportLayout, JSONToLayout, resetLayout, resizeTopBar} from "../layout/util";
 import {resizeTabs, setTabPosition} from "../layout/tabUtil";
-import {initNativeDialogOverride, setStorageVal} from "../protyle/util/compatibility";
+import {initNativeDialogOverride, isWindows, setStorageVal} from "../protyle/util/compatibility";
 /// #if !BROWSER
 import {ipcRenderer, webFrame} from "electron";
 import * as fs from "fs";
@@ -413,5 +413,8 @@ ${response.data.replace("%pages", "<span class=totalPages></span>").replace("%pa
     if (!isWindow()) {
         document.querySelector(".toolbar").classList.add("toolbar--browser");
     }
+    if (isWindows()) {
+        document.body.classList.add("body--win32-browser");
+    }
     /// #endif
 };