fix(module: all): fix ios style exception (#810)

NG-ZORRO · Nov 26, 2021 · 99c8e52 · 99c8e52
1 parent 00b9e69
commit 99c8e52
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 4 deletions.
diff --git a/components/badge/style/index.less b/components/badge/style/index.less
@@ -15,7 +15,7 @@
     top: -1 * @v-spacing-sm;
     height: @icon-size-xs;
     line-height: @icon-size-xs;
-    min-width: @icon-size-xs / 2;
+    min-width: calc(@icon-size-xs / 2);
     border-radius: 2 * @v-spacing-sm;
     padding: 0 @h-spacing-sm;
     text-align: center;

diff --git a/components/search-bar/style/index.less b/components/search-bar/style/index.less
@@ -90,7 +90,7 @@
       z-index: 3;
       width: @icon-size-xxs;
       height: @icon-size-xxs;
-      padding: (@search-bar-input-height - @icon-size-xxs) / 2;
+      padding: calc((@search-bar-input-height - @icon-size-xxs) / 2);
       border-radius: @radius-circle;
       top: 0;
       right: 0;

diff --git a/components/style/index.less b/components/style/index.less
@@ -4,8 +4,9 @@
 @import './v2-compatible-reset';
 
 *,
-*:before,
-*:after {
+*::before,
+*::after {
+  box-sizing: border-box;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
 
@@ -27,3 +28,20 @@ a {
   text-decoration: none;
   outline: none;
 }
+
+input[type='text'],
+input[type='password'],
+input[type='number'],
+textarea {
+  -webkit-appearance: none;
+}
+
+[type='number']::-webkit-inner-spin-button,
+[type='number']::-webkit-outer-spin-button {
+  height: auto;
+}
+
+[type='search']::-webkit-search-cancel-button,
+[type='search']::-webkit-search-decoration {
+  -webkit-appearance: none;
+}