当需要更换主题时，需要根据用户选择的主题适配页面元素的颜色。这涉及编辑浏览器的默认滚动条样式。查阅文档发现，目前webkit支持对overflow属性区域、列表框、下拉菜单、textarea滚动条的自定义样式，所以还是很好用的。Componentsofthescrollbar::-webkit-scrollbar滚动条的整体部分::-webkit-scrollbar-thumb滚动条中的小方块，可以上下移动（或者左右移动，取决于它是不是verticalorhorizo??ntalscrollbar)bar)::-webkit-scrollbar-track滚动条的轨道（里面安装了thumb）::-webkit-scrollbar-button滚动条轨道两端的按钮，允许通过点击::-webkit-scrollbar-track-piece微调小方块的位置::-webkit-scrollbar-track-piece内轨，滚动条的中间部分了解了滚动条的属性后，就可以开始设置样式了，代码为如下。因为需求只需要匹配主题色，所以这次我们只设置滚动条background::-webkit-scrollbar、scrollbartrack::-webkit-scrollbar和smallslider::-webkit-scrollbar-track的样式：:-webkit-scrollbar-thumb就足够了，如下所示：.ant-calendar-time-picker-select{border-right:1pxsolidvar(--timerRangeBorderColor);溢出-y：滚动；/*定义滚动条高度、宽度和背景高度宽度对应水平和垂直滚动条的大小*/&::-webkit-scrollbar{background-color:#333333;}/*定义滚动条轨道的内阴影+圆角*/&::-webkit-scrollbar-track{-webkit-box-shadow:inset006px#333333;边框半径：10px；背景色：#9C9C9C；}/*定义滑块的内阴影+圆角*/&::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset006px#9C9C9C;背景色：#9C9C9C；}.ant-calendar-time-picker-select-option-selected{颜色：#FFFFFF;背景色：#9C9C9C；}}效果如下。如果需要设置其他样式，也可以根据自己的具体需要进行调整。参考文章：https://segmentfault.com/a/1190000012800450
