diff --git a/src/css/widget/multilayerselecttree/multilayerselecttree.css b/src/css/widget/multilayerselecttree/multilayerselecttree.css
index 0c06cc29df..14917bad01 100644
--- a/src/css/widget/multilayerselecttree/multilayerselecttree.css
+++ b/src/css/widget/multilayerselecttree/multilayerselecttree.css
@@ -1,3 +1,25 @@
+.bi-multilayer-select-tree-combo .trigger-icon-button {
+  font-size: 16px;
+}
+.bi-multilayer-select-tree-combo .bi-combo.bi-combo-popup + .bi-trigger-icon-button .x-icon {
+  -webkit-transform: rotate(180deg);
+  -moz-transform: rotate(180deg);
+  transform: rotate(180deg);
+  -webkit-transition: transform 0.3s ease;
+  -moz-transition: transform 0.3s ease;
+  -o-transition: transform 0.3s ease;
+  transition: transform 0.3s ease;
+}
+.bi-multilayer-select-tree-combo .bi-combo + .bi-trigger-icon-button .x-icon {
+  -webkit-transform: rotate(0deg);
+  -moz-transform: rotate(0deg);
+  transform: rotate(0deg);
+  -webkit-transition: transform 0.3s ease;
+  -moz-transition: transform 0.3s ease;
+  -o-transition: transform 0.3s ease;
+  transition: transform 0.3s ease;
+}
+
 .bi-multilayer-select-level-tree .tree-view {
   min-width: 100%;
 }
diff --git a/src/css/widget/multilayersingletree/multilayersingletree.css b/src/css/widget/multilayersingletree/multilayersingletree.css
index 38759f6a44..60ff7dba53 100644
--- a/src/css/widget/multilayersingletree/multilayersingletree.css
+++ b/src/css/widget/multilayersingletree/multilayersingletree.css
@@ -1,3 +1,25 @@
+.bi-multilayer-single-tree-combo .trigger-icon-button {
+  font-size: 16px;
+}
+.bi-multilayer-single-tree-combo .bi-combo.bi-combo-popup + .bi-trigger-icon-button .x-icon {
+  -webkit-transform: rotate(180deg);
+  -moz-transform: rotate(180deg);
+  transform: rotate(180deg);
+  -webkit-transition: transform 0.3s ease;
+  -moz-transition: transform 0.3s ease;
+  -o-transition: transform 0.3s ease;
+  transition: transform 0.3s ease;
+}
+.bi-multilayer-single-tree-combo .bi-combo + .bi-trigger-icon-button .x-icon {
+  -webkit-transform: rotate(0deg);
+  -moz-transform: rotate(0deg);
+  transform: rotate(0deg);
+  -webkit-transition: transform 0.3s ease;
+  -moz-transition: transform 0.3s ease;
+  -o-transition: transform 0.3s ease;
+  transition: transform 0.3s ease;
+}
+
 .bi-multilayer-single-level-tree .tree-view {
   min-width: 100%;
 }
diff --git a/src/less/widget/multilayerselecttree/multilayerselecttree.combo.less b/src/less/widget/multilayerselecttree/multilayerselecttree.combo.less
new file mode 100644
index 0000000000..6a43b1d0f5
--- /dev/null
+++ b/src/less/widget/multilayerselecttree/multilayerselecttree.combo.less
@@ -0,0 +1,20 @@
+@import "../../index";
+@val: transform .3s ease;
+.bi-multilayer-select-tree-combo {
+  & .trigger-icon-button{
+    font-size: 16px;
+  }
+  // 此combo的trigger_button是absolute上去的，与bi-combo在同一层级，独立写一下
+  & .bi-combo.bi-combo-popup + .bi-trigger-icon-button {
+    & .x-icon {
+      .rotate(180deg);
+      .transition(@val);
+    }
+  }
+  & .bi-combo + .bi-trigger-icon-button {
+    & .x-icon {
+      .rotate(0deg);
+      .transition(@val);
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/less/widget/multilayersingletree/multilayersingletree.combo.less b/src/less/widget/multilayersingletree/multilayersingletree.combo.less
new file mode 100644
index 0000000000..ec139af050
--- /dev/null
+++ b/src/less/widget/multilayersingletree/multilayersingletree.combo.less
@@ -0,0 +1,20 @@
+@import "../../index";
+@val: transform .3s ease;
+.bi-multilayer-single-tree-combo {
+  & .trigger-icon-button{
+    font-size: 16px;
+  }
+  // 此combo的trigger_button是absolute上去的，与bi-combo在同一层级，独立写一下
+  & .bi-combo.bi-combo-popup + .bi-trigger-icon-button {
+    & .x-icon {
+      .rotate(180deg);
+      .transition(@val);
+    }
+  }
+  & .bi-combo + .bi-trigger-icon-button {
+    & .x-icon {
+      .rotate(0deg);
+      .transition(@val);
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/widget/multilayersingletree/multilayersingletree.combo.js b/src/widget/multilayersingletree/multilayersingletree.combo.js
index 8ce263dd8b..f3b3c10d5f 100644
--- a/src/widget/multilayersingletree/multilayersingletree.combo.js
+++ b/src/widget/multilayersingletree/multilayersingletree.combo.js
@@ -9,7 +9,7 @@ BI.MultiLayerSingleTreeCombo = BI.inherit(BI.Widget, {
 
     _defaultConfig: function () {
         return BI.extend(BI.MultiLayerSingleTreeCombo.superclass._defaultConfig.apply(this, arguments), {
-            baseCls: "bi-multilayer-singletree-combo",
+            baseCls: "bi-multilayer-single-tree-combo",
             isDefaultInit: false,
             height: 24,
             text: "",