From 52ba5ddab8a71210b57911d9363fef561d62cba0 Mon Sep 17 00:00:00 2001
From: Vanessa <lly219@gmail.com>
Date: Mon, 4 Sep 2023 11:40:23 +0800
Subject: [PATCH] :sparkles: fix
 https://github.com/siyuan-note/siyuan/issues/9104

---
 app/src/assets/scss/component/_text-field.scss |  1 +
 app/stage/auth.html                            | 11 ++++++-----
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/app/src/assets/scss/component/_text-field.scss b/app/src/assets/scss/component/_text-field.scss
index ed356b4a5..156096ff2 100644
--- a/app/src/assets/scss/component/_text-field.scss
+++ b/app/src/assets/scss/component/_text-field.scss
@@ -8,6 +8,7 @@
   color: var(--b3-theme-on-background);
   transition: box-shadow 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
   background-color: var(--b3-theme-background);
+  -webkit-appearance: none;
 
   &:not(.b3-text-field--text):hover {
     box-shadow: inset 0 0 0 .6px var(--b3-theme-on-background);
diff --git a/app/stage/auth.html b/app/stage/auth.html
index 38b3cc41d..669e1e6d6 100644
--- a/app/stage/auth.html
+++ b/app/stage/auth.html
@@ -90,7 +90,7 @@
             box-shadow: inset 0 0 0 1px var(--b3-theme-primary);
         }
 
-        .b3-text-filed {
+        .b3-text-field {
             width: 240px;
             border: 0;
             border-radius: 4px;
@@ -101,13 +101,14 @@
             color: var(--b3-theme-on-background);
             transition: box-shadow 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
             background-color: var(--b3-theme-background);
+            -webkit-appearance: none;
         }
 
-        .b3-text-filed:hover {
+        .b3-text-field:hover {
             border-color: var(--b3-theme-on-background);
         }
 
-        .b3-text-filed:focus {
+        .b3-text-field:focus {
             outline: none;
             box-shadow: inset 0 0 0 1px var(--b3-theme-primary), 0 0 0 3px var(--b3-theme-primary-lightest);
         }
@@ -185,10 +186,10 @@
 <div style="-webkit-app-region: drag;height: 32px;width: 100%;position: absolute;top: 0;"></div>
 <div style="position: relative;z-index: 2;text-align: center">
     <h1 style="margin-bottom: 48px;color:var(--b3-theme-on-background)">{{.workspace}}</h1>
-    <input class="b3-text-filed" id="authCode" type="password" placeholder="{{.l0}}"/><br>
+    <input class="b3-text-field" id="authCode" type="password" placeholder="{{.l0}}"/><br>
     <div style="position: relative;width: 240px;margin: 8px auto 0;display: none">
         <img id="captchaImg" style="top: 1px;position: absolute;height: 27px;right: 1px;cursor: pointer">
-        <input id="captcha" class="b3-text-filed" placeholder="{{.l3}}">
+        <input id="captcha" class="b3-text-field" placeholder="{{.l3}}">
     </div>
     <button class="b3-button" onclick="submitAuth()">{{.l1}}</button>
     <div class="ft__on-surface">