diff --git a/devui/search/src/search.scss b/devui/search/src/search.scss
index 4c3ab0c672295041370d7f5839a54b283f81e540..0e7d66aa9c1513dfdff66856b9163b95cb93b8c7 100644
--- a/devui/search/src/search.scss
+++ b/devui/search/src/search.scss
@@ -93,8 +93,8 @@
       cursor: not-allowed;
     }
 
-    svg.svg-icon-search path {
-      fill: $devui-disabled-text;
+    .icon-search {
+      color: $devui-disabled-text !important;
     }
   }
 
diff --git a/devui/search/src/search.tsx b/devui/search/src/search.tsx
index 96b375dabc1591946746ad5c12029cce5710fa19..1b8ccccce0e500c77dae087390e62d941cd138d6 100644
--- a/devui/search/src/search.tsx
+++ b/devui/search/src/search.tsx
@@ -28,7 +28,7 @@ export default defineComponent({
       return (
         <div class={rootClasses.value}>
           {props.iconPosition === 'left' &&
-            <div className="devui-search__icon" onClick={onClickHandle}>
+            <div class="devui-search__icon" onClick={onClickHandle}>
               <d-icon name="search" size="inherit"></d-icon>
             </div>
           }
@@ -42,14 +42,14 @@ export default defineComponent({
           ></DInput>
             {clearIconShow.value &&
               <div
-                className="devui-search__clear"
+                class="devui-search__clear"
                 onClick={onClearHandle}
               >
                 <d-icon name="close" size="inherit"></d-icon>
               </div>
             }
             {props.iconPosition === 'right' &&
-              <div className="devui-search__icon" onClick={onClickHandle}>
+              <div class="devui-search__icon" onClick={onClickHandle}>
                 <d-icon name="search" size="inherit"></d-icon>
               </div>
             }