up style

style/components/select.less

@@ -34,17 +34,14 @@
     top: 1px;
     right: 1px;
     width: 20px;
-    b {
-      border-color: #999999 transparent transparent transparent;
-      border-style: solid;
-      border-width: 5px 4px 0 4px;
-      height: 0;
-      left: 50%;
-      margin-left: -4px;
-      margin-top: -2px;
+
+    font-family: 'anticon';
+    &:before {
+      content: '\e611';
+      .rotate(90deg);
       position: absolute;
-      top: 50%;
-      width: 0;
+      top: 4px;
+      left: 3px;
     }
   }
 
@@ -63,12 +60,25 @@
 
     &:hover {
       border-color: #23c0fa;
+      box-shadow: 0 0 2px fadeout(#2db7f5, 20%);
     }
     &:active {
       border-color: #2db7f5;
     }
   }
 
+  &-disabled {
+    color: #ccc;
+    cursor: not-allowed;
+    pointer-events: none;
+  }
+
+  &-disabled &-selection {
+    &:hover, &:active {
+      border-color: #d9d9d9;
+    }
+  }
+
   &-selection--single {
     height: 28px;
     cursor: pointer;
@@ -88,14 +98,15 @@
   }
 
   &-selection--multiple {
-    min-height: 32px;
+    min-height: 28px;
     cursor: text;
 
     .@{selectPrefixCls}-selection__rendered {
-      display: inline-block;
+      //display: inline-block;
       overflow: hidden;
       text-overflow: ellipsis;
       padding-left: 8px;
+      padding-bottom: 2px;
     }
 
     .@{selectPrefixCls}-selection__clear {
@@ -104,14 +115,19 @@
       margin-right: 10px;
     }
 
+    > ul > li {
+      margin-top: 4px;
+      height: 20px;
+      line-height: 20px;
+    }
+
     .@{selectPrefixCls}-selection__choice {
       background-color: #f3f3f3;
       border-radius: 4px;
       cursor: default;
       float: left;
+      padding: 0 8px;
       margin-right: 4px;
-      margin-top: 4px;
-      padding: 4px 8px;
     }
 
     .@{selectPrefixCls}-selection__choice__remove {
@@ -132,7 +148,7 @@
     .@{selectPrefixCls}-search__field {
       border: none;
       font-size: 100%;
-      margin-top: 5px;
+      //margin-top: 5px;
       background: transparent;
       outline: 0;
     }
@@ -180,9 +196,10 @@
   }
 
   &-open {
-    .@{selectPrefixCls}-arrow b {
-      border-color: transparent transparent #888 transparent;
-      border-width: 0 4px 5px 4px;
+    .@{selectPrefixCls}-arrow {
+      &:before {
+        .rotate(270deg);
+      }
     }
     .@{selectPrefixCls}-dropdown {
       display: block;