selection.less 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081
  1. .ant-radio {
  2. &-inner {
  3. border-color: @text-color-base;
  4. &::after {
  5. top: 1px;
  6. left: 1px;
  7. width: 12px;
  8. height: 12px;
  9. }
  10. }
  11. }
  12. .ant-radio-disabled .ant-radio-inner {
  13. border-color: @text-color-help-light !important;
  14. }
  15. .ant-checkbox {
  16. &-inner {
  17. border-color: @text-color-base;
  18. }
  19. }
  20. .ant-checkbox-disabled .ant-checkbox-inner {
  21. border-color: @text-color-help-light !important;
  22. }
  23. // select
  24. .ant-select {
  25. &-selection {
  26. border-color: @border-color-shallow-dark;
  27. }
  28. &-selection__placeholder,
  29. &-search__field__placeholder {
  30. color: @text-color-help-dark;
  31. }
  32. }
  33. .ant-select-disabled .ant-select-arrow {
  34. visibility: hidden;
  35. }
  36. .ant-select-dropdown {
  37. min-width: 84px !important;
  38. &.ant-select-dropdown--multiple {
  39. .ant-select-dropdown-menu-item-selected .ant-select-selected-icon,
  40. .ant-select-dropdown-menu-item-selected:hover .ant-select-selected-icon {
  41. color: @white;
  42. }
  43. }
  44. &-menu-item {
  45. height: 34px;
  46. min-width: 84px;
  47. line-height: 22px;
  48. color: @text-color-call-out;
  49. &:hover {
  50. // color: @--norm-select-item-hover-color;
  51. background: @tree-hover-background-color;
  52. }
  53. &-selected,
  54. &-selected:hover {
  55. color: @primary-color;
  56. background: @tree-hover-background-color;
  57. }
  58. &-disabled,
  59. &-disabled:hover {
  60. color: @disabled-color;
  61. background-color: @white;
  62. }
  63. }
  64. }
  65. .ant-select-disabled .ant-select-selection {
  66. background: @tree-hover-font-color;
  67. }