diff --git a/packages/coupon-cell/index.vue b/packages/coupon-cell/index.vue
index 3009fafa5..64fd71699 100644
--- a/packages/coupon-cell/index.vue
+++ b/packages/coupon-cell/index.vue
@@ -5,6 +5,7 @@
     :value="value"
     :border="border"
     :is-link="editable"
+    :value-class="valueClass"
     @click="$emit('click')"
   />
 </template>
@@ -49,6 +50,10 @@ export default create({
         return `-${this.currency}${(value / 100).toFixed(2)}`;
       }
       return coupons.length === 0 ? this.$t('tips') : this.$t('count', coupons.length);
+    },
+
+    valueClass() {
+      return this.coupons[this.chosenCoupon] ? 'van-coupon-cell--selected' : '';
     }
   }
 });
diff --git a/packages/coupon-list/index.less b/packages/coupon-list/index.less
index 907a66188..c97e37891 100644
--- a/packages/coupon-list/index.less
+++ b/packages/coupon-list/index.less
@@ -2,6 +2,10 @@
 @import '../style/mixins/ellipsis';
 
 .van-coupon {
+  &-cell--selected {
+    color: @text-color;
+  }
+
   &-list {
     height: 100%;
     position: relative;
diff --git a/packages/coupon-list/test/__snapshots__/index.spec.js.snap b/packages/coupon-list/test/__snapshots__/index.spec.js.snap
index 975c29f9e..7d6a962cf 100644
--- a/packages/coupon-list/test/__snapshots__/index.spec.js.snap
+++ b/packages/coupon-list/test/__snapshots__/index.spec.js.snap
@@ -18,7 +18,7 @@ exports[`coupon cell 2`] = `
   <div class="van-cell__title"><span>优惠券</span>
     <!---->
   </div>
-  <div class="van-cell__value"><span>-¥1.00</span></div> <i class="van-icon van-icon-arrow van-cell__right-icon">
+  <div class="van-cell__value van-coupon-cell--selected"><span>-¥1.00</span></div> <i class="van-icon van-icon-arrow van-cell__right-icon">
     <!---->
     <!----></i>
 </div>