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   max-height: 144px;
  10   overflow-y: auto;
  11   position: relative; // Fix chrome weird render bug
  12
  13   &-active {
  14     overflow-y: auto;
  15   }
  16
  17   &:first-child {
  18     border-left: 0;
  19     margin-left: 0;
  20   }
  21
  22   &:last-child {
  23     border-right: 0;
  24   }
  25
  26   ul {
  27     list-style: none;
  28     box-sizing: border-box;
  29     margin: 0;
  30     padding: 0;
  31     width: 100%;
  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: #f7f7f7;
  53     font-weight: bold;
  54   }
  55
  56   li&-option-disabled {
  57     color: #ccc;
  58     &:hover {
  59       background: transparent;
  60       cursor: not-allowed;
  61     }
  62   }
  63 }