gpt4 book ai didi

angular - 如何更改 Angular Material select 中的滚动条样式?

转载 作者:太空狗 更新时间:2023-10-29 17:11:43 25 4
gpt4 key购买 nike

我们需要帮助更改 Angular Material 的 Select 组件中的滚动条。

实现了以下演示。

https://stackblitz.com/angular/bxbvndrpogl?file=app%2Fselect-reset-example.ts

Mat-Select

但是,我需要帮助更改滚动条的宽度和样式。

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;
}

您不能直接从开发工具检查滚动条,但是如果您使用 scroll; 检查具有 overflow 属性的 div,您可以看到它的样式其中的值(value)。

关于angular - 如何更改 Angular Material select 中的滚动条样式?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51610619/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com