自带的select的滚动条样式又黑又粗,丑陋.接下来我们改造他

初始代码

.contain {
  .btn {
    margin-top: 60px;
    margin-left: 60px;
    :global {
      .ant-btn {
        width: 200px;
        height: 100px;
        border-radius: 6px;
      }
    }
  }
}

 <div className={styles.contain}>
      <Select
        mode="tags"
        placeholder="Please select"
        defaultValue={['a10']}
        options={options}
        style={{ width: '100px' }}
      />
    </div>

 

首先用到popupClassName(4.23.0以上),以下的就别凑热闹了,用dropdownClassName

   <div className={styles.contain}>
      <Select
        mode="tags"
        placeholder="Please select"
        defaultValue={['a10']}
        options={options}
        style={{ width: '100px' }}
        popupClassName={styles.select}
      />
    </div>

 css里面(注意作用域哈,得放在外层)

这样就修好了