diff --git a/src/widget/dynamicdate/dynamicdate.combo.js b/src/widget/dynamicdate/dynamicdate.combo.js
index 3b634bbe6..ca40812c6 100644
--- a/src/widget/dynamicdate/dynamicdate.combo.js
+++ b/src/widget/dynamicdate/dynamicdate.combo.js
@@ -32,12 +32,13 @@ BI.DynamicDateCombo = BI.inherit(BI.Single, {
         this.storeValue = opts.value;
         return {
             type: "bi.htape",
+            cls: "bi-border bi-border-radius",
             items: [{
                 el: {
                     type: "bi.icon_button",
                     cls: "bi-trigger-icon-button date-change-h-font",
                     width: opts.height,
-                    height: opts.height,
+                    height: opts.height - 2,
                     ref: function () {
                         self.changeIcon = this;
                     }
@@ -48,7 +49,6 @@ BI.DynamicDateCombo = BI.inherit(BI.Single, {
                 items: [{
                     el: {
                         type: "bi.combo",
-                        cls: "bi-border bi-border-radius",
                         container: opts.container,
                         ref: function () {
                             self.combo = this;
diff --git a/src/widget/dynamicdatetime/dynamicdatetime.combo.js b/src/widget/dynamicdatetime/dynamicdatetime.combo.js
index 616a5c01c..722ab299b 100644
--- a/src/widget/dynamicdatetime/dynamicdatetime.combo.js
+++ b/src/widget/dynamicdatetime/dynamicdatetime.combo.js
@@ -32,12 +32,13 @@ BI.DynamicDateTimeCombo = BI.inherit(BI.Single, {
         this.storeValue = opts.value;
         return {
             type: "bi.htape",
+            cls: "bi-border bi-border-radius",
             items: [{
                 el: {
                     type: "bi.icon_button",
                     cls: "bi-trigger-icon-button date-change-h-font",
                     width: opts.height,
-                    height: opts.height,
+                    height: opts.height - 2,
                     ref: function () {
                         self.changeIcon = this;
                     }
@@ -48,7 +49,6 @@ BI.DynamicDateTimeCombo = BI.inherit(BI.Single, {
                 items: [{
                     el: {
                         type: "bi.combo",
-                        cls: "bi-border bi-border-radius",
                         destroyWhenHide: true,
                         container: opts.container,
                         ref: function () {
diff --git a/src/widget/year/combo.year.js b/src/widget/year/combo.year.js
index b7082be9c..da6233f1c 100644
--- a/src/widget/year/combo.year.js
+++ b/src/widget/year/combo.year.js
@@ -59,7 +59,6 @@ BI.DynamicYearCombo = BI.inherit(BI.Widget, {
 
         this.combo = BI.createWidget({
             type: "bi.combo",
-            cls: "bi-border bi-border-radius",
             container: o.container,
             isNeedAdjustHeight: false,
             isNeedAdjustWidth: false,
@@ -121,6 +120,7 @@ BI.DynamicYearCombo = BI.inherit(BI.Widget, {
 
         BI.createWidget({
             type: "bi.htape",
+            cls: "bi-border bi-border-radius",
             element: this,
             ref: function () {
                 self.comboWrapper = this;
@@ -130,7 +130,7 @@ BI.DynamicYearCombo = BI.inherit(BI.Widget, {
                     type: "bi.icon_button",
                     cls: "bi-trigger-icon-button date-change-h-font",
                     width: 24,
-                    height: 24,
+                    height: o.height - 2,
                     ref: function () {
                         self.changeIcon = this;
                     }
diff --git a/src/widget/yearmonth/combo.yearmonth.js b/src/widget/yearmonth/combo.yearmonth.js
index ec3720d85..662dcc0eb 100644
--- a/src/widget/yearmonth/combo.yearmonth.js
+++ b/src/widget/yearmonth/combo.yearmonth.js
@@ -59,7 +59,6 @@ BI.DynamicYearMonthCombo = BI.inherit(BI.Single, {
 
         this.combo = BI.createWidget({
             type: "bi.combo",
-            cls: "bi-border bi-border-radius",
             container: o.container,
             isNeedAdjustHeight: o.isNeedAdjustHeight,
             isNeedAdjustWidth: o.isNeedAdjustWidth,
@@ -125,6 +124,7 @@ BI.DynamicYearMonthCombo = BI.inherit(BI.Single, {
 
         BI.createWidget({
             type: "bi.htape",
+            cls: "bi-border bi-border-radius",
             element: this,
             ref: function () {
                 self.comboWrapper = this;
@@ -134,7 +134,7 @@ BI.DynamicYearMonthCombo = BI.inherit(BI.Single, {
                     type: "bi.icon_button",
                     cls: "bi-trigger-icon-button date-change-h-font",
                     width: 24,
-                    height: 24,
+                    height: o.height - 2,
                     ref: function () {
                         self.changeIcon = this;
                     }
diff --git a/src/widget/yearquarter/combo.yearquarter.js b/src/widget/yearquarter/combo.yearquarter.js
index 7a6def0d0..129d5edf6 100644
--- a/src/widget/yearquarter/combo.yearquarter.js
+++ b/src/widget/yearquarter/combo.yearquarter.js
@@ -59,7 +59,6 @@ BI.DynamicYearQuarterCombo = BI.inherit(BI.Widget, {
 
         this.combo = BI.createWidget({
             type: "bi.combo",
-            cls: "bi-border bi-border-radius",
             container: o.container,
             isNeedAdjustHeight: o.isNeedAdjustHeight,
             isNeedAdjustWidth: o.isNeedAdjustWidth,
@@ -125,6 +124,7 @@ BI.DynamicYearQuarterCombo = BI.inherit(BI.Widget, {
 
         BI.createWidget({
             type: "bi.htape",
+            cls: "bi-border bi-border-radius",
             element: this,
             ref: function () {
                 self.comboWrapper = this;
@@ -134,7 +134,7 @@ BI.DynamicYearQuarterCombo = BI.inherit(BI.Widget, {
                     type: "bi.icon_button",
                     cls: "bi-trigger-icon-button date-change-h-font",
                     width: 24,
-                    height: 24,
+                    height: o.height - 2,
                     ref: function () {
                         self.changeIcon = this;
                     }