Fix select and treeSelect multiple disabled style

close #996
9 years ago · 7c7e8beed2
parent 0bdeb3aa87
commit 7c7e8beed2
2 changed files with 18 additions and 10 deletions
--- a/style/components/select.less
+++ b/style/components/select.less
@ -69,19 +69,21 @@
  }

  &-disabled &-selection {
+    background: #f4f4f4;
+    cursor: not-allowed;
    &:hover,
    &:active {
      border-color: @border-color-base;
    }
  }

-  &-disabled &-selection--single {
-    background: #f4f4f4;
-    cursor: not-allowed;
-  }
-
-  &-disabled &-selection--multiple &-selection__choice__remove {
-    display: none;
+  &-disabled &-selection--multiple &-selection__choice {
+    background: #e9e9e9;
+    color: #aaa;
+    padding-right: 10px;
+    &__remove {
+      display: none;
+    }
  }

  &-selection--single {
--- a/style/components/treeSelect.less
+++ b/style/components/treeSelect.less
@ -181,15 +181,21 @@
  }

  &-disabled &-selection {
+    background: #f4f4f4;
+    cursor: not-allowed;
    &:hover,
    &:active {
      border-color: @border-color-base;
    }
  }

-  &-disabled &-selection--single {
-    background: #f4f4f4;
-    cursor: not-allowed;
+  &-disabled &-selection--multiple &-selection__choice {
+    background: #e9e9e9;
+    color: #999;
+    padding-right: 10px;
+    &__remove {
+      display: none;
+    }
  }

  &-selection--single {