我们需要帮助更改Angular Material中Select组件中的滚动条.
以下演示已实施.
https://stackblitz.com/angular/bxbvndrpogl?file=app%2Fselect-reset-example.ts
但是,我需要帮助改变滚动条的宽度和样式.
解决方法
通常,自定义滚动的方法是：
/* width */
::-webkit-scrollbar {
width: 20px;
}
/* Track */
::-webkit-scrollbar-track {
Box-shadow: inset 0 0 5px grey;
border-radius: 10px;
}
/* Handle */
::-webkit-scrollbar-thumb {
background: red;
border-radius: 10px;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: #b30000;
}
你不能直接从dev工具检查滚动,但是如果用滚动检查具有overflow属性的div,你可以看到它的样式;它的价值.
