diff --git a/style/components/select.less b/style/components/select.less index 57d46e80e8..7e02a6e5ca 100644 --- a/style/components/select.less +++ b/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;