diff --git a/examples/routers/input.vue b/examples/routers/input.vue
index 3634774..fa74187 100644
--- a/examples/routers/input.vue
+++ b/examples/routers/input.vue
@@ -1,7 +1,5 @@
 <template>
     <div style="width: 300px;">
-        <i-input v-model="value11">
-        </i-input>
         <i-input v-model="value11" icon="ios-clock-outline">
             <span slot="prepend">.com</span>
         </i-input>
diff --git a/src/components/input/input.vue b/src/components/input/input.vue
index d983782..4aa160b 100644
--- a/src/components/input/input.vue
+++ b/src/components/input/input.vue
@@ -119,6 +119,8 @@
                         [`${prefixCls}-type`]: this.type,
                         [`${prefixCls}-group`]: this.prepend || this.append,
                         [`${prefixCls}-group-${this.size}`]: (this.prepend || this.append) && !!this.size,
+                        [`${prefixCls}-group-with-prepend`]: this.prepend,
+                        [`${prefixCls}-group-with-append`]: this.append,
                         [`${prefixCls}-hide-icon`]: this.append  // #554
                     }
                 ];
diff --git a/src/styles/mixins/input.less b/src/styles/mixins/input.less
index 0883be3..2f00ff2 100644
--- a/src/styles/mixins/input.less
+++ b/src/styles/mixins/input.less
@@ -124,9 +124,17 @@
     > .@{inputClass} {
         display: table-cell;
 
-        &:not(:first-child):not(:last-child) {
-            border-radius: 0;
-        }
+        //&:not(:first-child):not(:last-child) {
+        //    border-radius: 0;
+        //}
+    }
+    &-with-prepend .@{inputClass} {
+        border-top-left-radius: 0;
+        border-bottom-left-radius: 0;
+    }
+    &-with-append .@{inputClass} {
+        border-top-right-radius: 0;
+        border-bottom-right-radius: 0;
     }
 
     &-prepend .@{css-prefix}btn,
--
libgit2 0.21.4