crootfast/template/apps/react18/src/styles/globalClassName.less

大前端工程化命令行脚手架

// 全局业务界面能通用的类名，统一放到这里维护。

:global {
  /*控制整个滚动条*/
  ::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: transparent;
    background-clip: padding-box;
  }

  /*滚动条两端方向按钮*/
  ::-webkit-scrollbar-button {
    background-color: transparent;
    width: 0;
    height: 0;
  }

  /*滚动条中间滑动部分*/
  ::-webkit-scrollbar-thumb {
    background-color: rgba(170, 170, 170, 0.7);
    border-radius: 5px;
  }

  /*滚动条右下角区域*/
  ::-webkit-scrollbar-corner {
    background-color: transparent;
    width: 0;
    height: 0;
  }
}