记录一个滚动条样式失效场景

原因：由于外层是第三方UI组件，使用了scrollbar-color，子元素就会继承此样式，导致原本设置的自定义滚动条样式：

// 滚动条样式
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    z-index: 1;
  }
  
  ::-webkit-scrollbar-thumb {
    background-color: #D9D9D9;
    background-clip: padding-box;
    min-height: 28px;
    z-index: 1;
  }
  
  ::-webkit-scrollbar-track-piece {
    background-color: transparent;
    z-index: 1;
  
  }

以上样式会失效，如下图。

为了解决此问题，可以在对应滚动样式增加scrollbar-color: auto，或者覆写UI库的样式

 .m-left-body{ 
     scrollbar-color: auto;
 }

由于继承了组件设置的scrollbar-color样式，会导致自定义滚动条样式失效，所以需要scrollbar-color: auto覆盖