diff --git a/packages/tabs/index.wxml b/packages/tabs/index.wxml
index 9e8ca1ac..99ac4118 100644
--- a/packages/tabs/index.wxml
+++ b/packages/tabs/index.wxml
@@ -19,7 +19,7 @@
         class="{{ utils.bem('tabs__scroll', [type]) }}"
         style="{{ color ? 'border-color: ' + color : '' }}"
       >
-        <view class="{{ utils.bem('tabs__nav', [type]) }} nav-class">
+        <view class="{{ utils.bem('tabs__nav', [type]) }} nav-class" style="{{ getters.tabCardTypeBorderStyle(color, type) }}">
           <view wx:if="{{ type === 'line' }}" class="van-tabs__line" style="{{ lineStyle }}" />
           <view
             wx:for="{{ tabs }}"
diff --git a/packages/tabs/index.wxs b/packages/tabs/index.wxs
index 2b3c5144..88bcafd3 100644
--- a/packages/tabs/index.wxs
+++ b/packages/tabs/index.wxs
@@ -51,6 +51,15 @@ function tabStyle(
   return styles.join(';');
 }
 
+function tabCardTypeBorderStyle(color, type) {
+  var isCard = type === 'card';
+  var styles = [];
+  if (isCard && color) {
+    styles.push('border-color:' + color);
+  }
+  return styles.join(';');
+}
+
 function trackStyle(data) {
   if (!data.animated) {
     return '';
@@ -66,3 +75,4 @@ function trackStyle(data) {
 module.exports.tabClass = tabClass;
 module.exports.tabStyle = tabStyle;
 module.exports.trackStyle = trackStyle;
+module.exports.tabCardTypeBorderStyle = tabCardTypeBorderStyle;