diff --git a/examples/routers/select.vue b/examples/routers/select.vue
index ccbad80..3ba4557 100644
--- a/examples/routers/select.vue
+++ b/examples/routers/select.vue
@@ -1,7 +1,13 @@
 <template>
-    <Select v-model="model10" multiple style="width:260px">
-        <Option v-for="item in cityList" :value="item.value" :key="item.value">{{ item.label }}</Option>
-    </Select>
+    <div>
+        <Select v-model="model1" style="width:200px">
+            <Option v-for="item in cityList" :value="item.value" :key="item.value">{{ item.label }}</Option>
+        </Select>
+
+        <Select v-model="model2" multiple style="width:200px">
+            <Option v-for="item in cityList" :value="item.value" :key="item.value">{{ item.label }}</Option>
+        </Select>
+    </div>
 </template>
 <script>
     export default {
@@ -33,7 +39,8 @@
                         label: 'Canberra'
                     }
                 ],
-                model10: []
+                model1: '',
+                model2: []
             }
         }
     }
diff --git a/src/styles/mixins/select.less b/src/styles/mixins/select.less
index 67f0591..f9ea476 100644
--- a/src/styles/mixins/select.less
+++ b/src/styles/mixins/select.less
@@ -31,12 +31,12 @@
         }
 
         &-selected ,&-selected:hover{
-            color: #fff;
-            background: @selected-color;
+            color: @primary-color;
+            //background: @selected-color;
         }
 
         &-selected&-focus {
-            background: shade(@selected-color, 10%);
+            //background: shade(@selected-color, 10%);
         }
 
         &-divided{
--
libgit2 0.21.4