assets/index/Select.less

   1 .@{prefixClass}-panel-select {
   2   float: left;
   3   font-size: 12px;
   4   border: 1px solid #e9e9e9;
   5   border-width: 0 1px;
   6   margin-left: -1px;
   7   box-sizing: border-box;
   8   width: 56px;
   9   overflow: hidden;
  10   position: relative; // Fix chrome weird render bug
  11
  12   &-active {
  13     overflow-y: auto;
  14   }
  15
  16   &:first-child {
  17     border-left: 0;
  18     margin-left: 0;
  19   }
  20
  21   &:last-child {
  22     border-right: 0;
  23   }
  24
  25   ul {
  26     list-style: none;
  27     box-sizing: border-box;
  28     margin: 0;
  29     padding: 0;
  30     width: 100%;
  31     max-height: 144px;
  32   }
  33
  34   li {
  35     list-style: none;
  36     box-sizing: content-box;
  37     margin: 0;
  38     padding: 0 0 0 16px;
  39     width: 100%;
  40     height: 24px;
  41     line-height: 24px;
  42     text-align: left;
  43     cursor: pointer;
  44     user-select: none;
  45
  46     &:hover {
  47       background: #edfaff;
  48     }
  49   }
  50
  51   li&-option-selected {
  52     background: #edfaff;
  53     color: #2db7f5;
  54   }
  55
  56   li&-option-disabled {
  57     color: #bfbfbf;
  58     &:hover {
  59       background: transparent;
  60       cursor: not-allowed;
  61     }
  62   }
  63 }