diff --git a/src/cascader/index.js b/src/cascader/index.js
index cd2d63939..2e182d7e3 100644
--- a/src/cascader/index.js
+++ b/src/cascader/index.js
@@ -108,6 +108,7 @@ export default createComponent({
             return (
               <li
                 class={bem('option', { selected: isSelected })}
+                style={{ color: isSelected ? this.activeColor : null }}
                 onClick={() => {
                   this.onSelect(option, tabIndex);
                 }}
@@ -125,7 +126,13 @@ export default createComponent({
 
     renderTabs() {
       return (
-        <Tabs vModel={this.activeTab} animated swipeable class={bem('tabs')}>
+        <Tabs
+          vModel={this.activeTab}
+          animated
+          swipeable
+          class={bem('tabs')}
+          color={this.activeColor}
+        >
           {this.tabs.map((item, tabIndex) => (
             <Tab
               title={item.title}
diff --git a/src/cascader/index.less b/src/cascader/index.less
index 10f1d3c2f..d1728d543 100644
--- a/src/cascader/index.less
+++ b/src/cascader/index.less
@@ -59,7 +59,6 @@
   }
 
   &__selected-icon {
-    color: @red;
     font-size: 18px;
   }