diff --git a/src/field/index.js b/src/field/index.js
index fd7bcc1fd..bba232839 100644
--- a/src/field/index.js
+++ b/src/field/index.js
@@ -577,6 +577,7 @@ export default createComponent({
         arrowDirection={this.arrowDirection}
         class={bem({
           error: this.showError,
+          disabled: this.disabled,
           [`label-${labelAlign}`]: labelAlign,
           'min-height': this.type === 'textarea' && !this.autosize,
         })}
diff --git a/src/field/index.less b/src/field/index.less
index 64801761d..26da899f0 100644
--- a/src/field/index.less
+++ b/src/field/index.less
@@ -1,6 +1,10 @@
 @import '../style/var';
 
 .van-field {
+  &--disabled {
+    color: @field-disabled-text-color;
+  }
+
   &__label {
     flex: none;
     box-sizing: border-box;
diff --git a/src/field/test/__snapshots__/demo.spec.js.snap b/src/field/test/__snapshots__/demo.spec.js.snap
index 794067c85..508c4b48b 100644
--- a/src/field/test/__snapshots__/demo.spec.js.snap
+++ b/src/field/test/__snapshots__/demo.spec.js.snap
@@ -51,7 +51,7 @@ exports[`renders demo correctly 1`] = `
         <div class="van-field__body"><input type="text" readonly="readonly" class="van-field__control"></div>
       </div>
     </div>
-    <div class="van-cell van-field">
+    <div class="van-cell van-field van-field--disabled">
       <div class="van-cell__title van-field__label"><span>文本</span></div>
       <div class="van-cell__value van-field__value">
         <div class="van-field__body"><input type="text" disabled="disabled" class="van-field__control"></div>
diff --git a/src/search/test/__snapshots__/demo.spec.js.snap b/src/search/test/__snapshots__/demo.spec.js.snap
index 3f710586e..8254c31ba 100644
--- a/src/search/test/__snapshots__/demo.spec.js.snap
+++ b/src/search/test/__snapshots__/demo.spec.js.snap
@@ -47,7 +47,7 @@ exports[`renders demo correctly 1`] = `
   <div>
     <div class="van-search">
       <div class="van-search__content van-search__content--square">
-        <div class="van-cell van-cell--borderless van-field">
+        <div class="van-cell van-cell--borderless van-field van-field--disabled">
           <div class="van-field__left-icon"><i class="van-icon van-icon-search">
               <!----></i></div>
           <div class="van-cell__value van-cell__value--alone van-field__value">
diff --git a/src/style/var.less b/src/style/var.less
index 559a09297..12883b4fa 100644
--- a/src/style/var.less
+++ b/src/style/var.less
@@ -348,7 +348,7 @@
 @field-label-width: 90px;
 @field-input-text-color: @text-color;
 @field-input-error-text-color: @red;
-@field-input-disabled-text-color: @gray-6;
+@field-input-disabled-text-color: @gray-5;
 @field-placeholder-text-color: @gray-5;
 @field-icon-size: 16px;
 @field-clear-icon-size: 16px;
@@ -361,6 +361,7 @@
 @field-word-limit-font-size: @font-size-sm;
 @field-word-limit-line-height: 16px;
 @field-word-num-full-color: @red;
+@field-disabled-text-color: @gray-5;
 
 // GridItem
 @grid-item-content-padding: @padding-md @padding-xs;