css - 谷歌浏览器的样式滚动条

标签 css

我试图通过发布一些 css 技巧问题(以及其他主题中的 jquery 技巧)来分享一些知识并回答它。
在这里,我正在处理 google chrome 浏览器的滚动条样式。

最佳答案

只需添加这些 CSS 规则:

  1. ::-webkit-scrollbar
  2. ::-webkit-scrollbar-button
  3. ::-webkit-scrollbar-track
  4. ::-webkit-scrollbar-track-piece
  5. ::-webkit-scrollbar-thumb
  6. ::-webkit-scrollbar-corner
  7. ::-webkit-resizer

以下是每条规则的作用: enter image description here

关于css - 谷歌浏览器的样式滚动条,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54483602/

相关文章:

css - 我的主页页脚被截断

jquery - 从 jQuery Validate 获取所有声明规则的方法?

javascript - Jquery + css 下拉菜单问题

javascript - 更改表格行的颜色 onclick 并更改回 onclick

html - 如何为特定的表类设置响应代码?

css - 在 Stenciljs 中单击更改 CSS 类

javascript - Materialise CSS 垂直制表符位置

html - Bootstrap 页脚在移动设备上链接全宽和两列

php - 将表格和样式添加到 PHP 回显代码

javascript - Webpacker 找不到样式表/application.css