diff --git a/src/field/index.js b/src/field/index.js
index 8378da89c..0d87e0203 100644
--- a/src/field/index.js
+++ b/src/field/index.js
@@ -288,7 +288,6 @@ export default createComponent({
         arrowDirection={this.arrowDirection}
         class={bem({
           error: this.error,
-          disabled: this.$attrs.disabled,
           [`label-${labelAlign}`]: labelAlign,
           'min-height': this.type === 'textarea' && !this.autosize
         })}
diff --git a/src/field/index.less b/src/field/index.less
index 2bf47fbe7..514062f39 100644
--- a/src/field/index.less
+++ b/src/field/index.less
@@ -38,7 +38,7 @@
 
     &:disabled {
       color: @field-input-disabled-text-color;
-      -webkit-text-fill-color: @field-input-disabled-text-color;
+      -webkit-text-fill-color: @field-input-disabled-text-color; // fix disabled color in iOS
       background-color: transparent;
       opacity: 1;
     }
@@ -117,17 +117,12 @@
     }
   }
 
-  &--disabled {
-    .van-field__control {
-      color: @field-input-disabled-text-color;
-    }
-  }
-
   &--error {
     .van-field__control {
       &,
       &::placeholder {
         color: @field-input-error-text-color;
+        -webkit-text-fill-color: @field-input-error-text-color;
       }
     }
   }