如何更改Angular Material中的滚动条样式？
发布时间：2020-12-17 17:59:33 所属栏目：安全 来源：网络整理
导读：我们需要帮助更改Angular Material中Select组件中的滚动条. 以下演示已实施. https://stackblitz.com/angular/bxbvndrpogl?file=app%2Fselect-reset-example.ts 但是,我需要帮助改变滚动条的宽度和样式. Example 解决方法 通常,自定义滚动的方法是： /* widt
|
我们需要帮助更改Angular Material中Select组件中的滚动条.
以下演示已实施. https://stackblitz.com/angular/bxbvndrpogl?file=app%2Fselect-reset-example.ts
但是,我需要帮助改变滚动条的宽度和样式. Example 解决方法
通常,自定义滚动的方法是：
/* 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,你可以看到它的样式;它的价值. （编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
