Chrome V121新的CSS滚动条语法打破了旧的样式

Question

Chrome v121 的新 CSS ScrollBar 语法 (https://developer.chrome.com/docs/css-ui/scrollbar-styling) 打破了旧的滚动条样式。有什么方法可以保留旧的 webkit 样式以进行悬停、拇指自定义等吗？

export function cssBaseline(theme) {
   return {
      MuiCssBaseline: {  
         styleOverrides: {
            '*': {
               boxSizing: 'border-box',

               // Old Syntax


               scrollbarColor: `${theme.palette.background.bg1} ${theme.palette.background.bg3}`,
               '&::-webkit-scrollbar, & *::-webkit-scrollbar': {
                  backgroundColor: theme.palette.background.bg2,
                  height: 7,
                  width: 7,
               },
               '&::-webkit-scrollbar-thumb, & *::-webkit-scrollbar-thumb': {
                  borderRadius: 8,
                  backgroundColor: theme.palette.background.white,
                  border: `0px solid ${theme.palette.background.bg2}`,
               },
               '&::-webkit-scrollbar-thumb:focus, & *::-webkit-scrollbar-thumb:focus': {
                  border: `1px solid ${theme.palette.background.bg2}`,
               },
               '&::-webkit-scrollbar-thumb:active, & *::-webkit-scrollbar-thumb:active': {
                  border: `1px solid ${theme.palette.background.bg2}`,
               },
               '&::-webkit-scrollbar-thumb:hover, & *::-webkit-scrollbar-thumb:hover': {
                  border: `1px solid ${theme.palette.background.white}`,
               },
               '&::-webkit-scrollbar-corner, & *::-webkit-scrollbar-corner': {
                  backgroundColor: theme.palette.background.bg2,
               },
               // new syntax
               scrollbarWidth: 'thin',
               
            },

         },
      },
   };
}

Answer 1

请不要投资并阅读评论。 我恳请任何阅读这篇评论的人不要投资这个平台。这是一个重大骗局。 他们在投资前进行了愉快的交谈并展示了早期的利润。 请注意，没有提款选项。您必须征得他们的同意。我的钱包被骗子利用网络钓鱼手段偷走了。 2.8 BTC 被拿走。我通过联系 Marketpeace.net 找到了丢失的物品，以便大家得到指导。
或WhatsApp [phone]。