diff --git a/examples/routers/input.vue b/examples/routers/input.vue
index c8d0136c..abe7ec5e 100644
--- a/examples/routers/input.vue
+++ b/examples/routers/input.vue
@@ -129,7 +129,11 @@
             <Icon type="ios-aperture" slot="prefix" />
         </Input>
         <br><br><br><br>
+        <Input v-model="value" search enter-button style="width: 300px" @on-search="hs" size="small" />
+        <br>
         <Input v-model="value" search enter-button style="width: 300px" @on-search="hs" />
+        <br>
+        <Input v-model="value" search enter-button style="width: 300px" @on-search="hs" size="large" />
         <br><br>
         <Input v-model="value" search style="width: 300px" @on-search="hs" />
         <br><br>
diff --git a/src/styles/components/input.less b/src/styles/components/input.less
index c6c7922a..513d1786 100644
--- a/src/styles/components/input.less
+++ b/src/styles/components/input.less
@@ -113,6 +113,10 @@
         position: relative;
         z-index: 2;
 
+        i{
+            font-size: 16px;
+        }
+
         &:hover{
             background: tint(@primary-color, 20%) !important;
             border-color: tint(@primary-color, 20%) !important;
@@ -141,6 +145,18 @@
             background: inherit;
         }
     }
+    &-wrapper-small &-search{
+        padding: 0 12px !important;
+        i{
+            font-size: 14px;
+        }
+    }
+    &-wrapper-large &-search{
+        padding: 0 20px !important;
+        i{
+            font-size: 18px;
+        }
+    }
     &-with-search{
         &:hover{
             .@{input-prefix-cls} {