diff --git a/packages/components/color-picker/src/index.vue b/packages/components/color-picker/src/index.vue
index 4c7fddb8ca..13c3c18d22 100644
--- a/packages/components/color-picker/src/index.vue
+++ b/packages/components/color-picker/src/index.vue
@@ -37,9 +37,9 @@
             />
           </span>
           <el-button
-            size="small"
-            type="text"
             :class="ns.be('dropdown', 'link-btn')"
+            text
+            size="small"
             @click="clear"
           >
             {{ t('el.colorpicker.clear') }}
diff --git a/packages/components/date-picker/__tests__/date-time-picker.test.ts b/packages/components/date-picker/__tests__/date-time-picker.test.ts
index ff45967e6a..969694788b 100644
--- a/packages/components/date-picker/__tests__/date-time-picker.test.ts
+++ b/packages/components/date-picker/__tests__/date-time-picker.test.ts
@@ -212,7 +212,7 @@ describe('Datetime Picker', () => {
     await nextTick()
     // click now button
     const btn = document.querySelector(
-      '.el-picker-panel__footer .el-button--text'
+      '.el-picker-panel__footer .is-text'
     ) as HTMLElement
     btn.click()
     await nextTick()
diff --git a/packages/components/date-picker/src/date-picker-com/panel-date-pick.vue b/packages/components/date-picker/src/date-picker-com/panel-date-pick.vue
index 41996f3266..711de2751c 100644
--- a/packages/components/date-picker/src/date-picker-com/panel-date-pick.vue
+++ b/packages/components/date-picker/src/date-picker-com/panel-date-pick.vue
@@ -143,8 +143,8 @@
     >
       <el-button
         v-show="selectionMode !== 'dates'"
+        text
         size="small"
-        type="text"
         class="el-picker-panel__link-btn"
         @click="changeToNow"
       >
diff --git a/packages/components/date-picker/src/date-picker-com/panel-date-range.vue b/packages/components/date-picker/src/date-picker-com/panel-date-range.vue
index 51c235ac2d..9028a096f9 100644
--- a/packages/components/date-picker/src/date-picker-com/panel-date-range.vue
+++ b/packages/components/date-picker/src/date-picker-com/panel-date-range.vue
@@ -212,8 +212,8 @@
     <div v-if="showTime" class="el-picker-panel__footer">
       <el-button
         v-if="clearable"
+        text
         size="small"
-        type="text"
         class="el-picker-panel__link-btn"
         @click="handleClear"
       >