现在是谷歌浏览器设置-webkit-scrollbar-thumb背景色是可以高度没有作用

如果您在谷歌浏览器中使用 `::-webkit-scrollbar-thumb` 选择器来自定义滚动条的样式，但是设置了背景色却没有效果，可能是因为您还需要设置 `::-webkit-scrollbar` 伪类选择器来启用滚动条的显示。

以下是一个示例 CSS 代码，展示了如何同时使用 `::-webkit-scrollbar-thumb` 和 `::-webkit-scrollbar` 选择器来自定义滚动条样式：

/* 启用滚动条的显示 */
::-webkit-scrollbar {
  width: 10px; /* 设置滚动条的宽度 */
}

/* 设置滚动条的样式 */
::-webkit-scrollbar-thumb {
  background-color: #ccc; /* 设置滚动条的背景色 */
  height: 100px; /* 设置滚动条的高度 */
}

在上面的代码中，我们首先使用 `::-webkit-scrollbar` 选择器来启用滚动条的显示，并设置了滚动条的宽度。然后，我们使用 `::-webkit-scrollbar-thumb` 选择器来设置滚动条的样式，包括背景色和高度等属性。

请注意，`::-webkit-scrollbar` 和 `::-webkit-scrollbar-thumb` 选择器仅适用于 WebKit 浏览器（如 Google Chrome 和 Safari），如果您需要自定义其他浏览器中的滚动条样式，则需要使用其他浏览器专用的属性和伪类选择器。

相关问题

-webkit-scrollbar-thumb

引用\[1\]和\[2\]中提到了如何改变滚动条中滑块的样式。通过使用::-webkit-scrollbar-thumb选择器，可以改变滚动条上的滚动滑块的样式。可以通过设置background-color属性来改变滑块的背景颜色。例如，设置background-color: orange;可以将滑块的背景颜色改为橙色。同时，还可以通过设置其他属性，如border-radius、box-shadow等来进一步自定义滑块的样式。\[1\]\[2\]所提供的代码示例展示了如何改变滚动条和滑块的样式。你可以根据自己的需求进行修改和应用。
#### 引用[.reference_title]
- *1* *3* [滚动条样式修改](https://blog.csdn.net/coder_jxd/article/details/124213962)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [前端CSS 设置滚动条样式 ::-webkit-scrollbar](https://blog.csdn.net/u012551928/article/details/109286853)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]

火狐浏览器使用::-webkit-scrollbar

作为AI语言模型，我没有使用过火狐浏览器，也不支持CSS样式。但我可以告诉你，::-webkit-scrollbar是一个CSS伪类选择器，用于自定义Webkit浏览器中滚动条的样式。它只能在使用WebKit内核的浏览器中使用，比如Google Chrome和Safari等。如果你想自定义滚动条的样式，可以参考以下CSS样式：

/* 滚动条整体样式 */
::-webkit-scrollbar {
    width: 10px;
}

/* 滚动条轨道样式 */
::-webkit-scrollbar-track {
    background-color: #f5f5f5;
    border-radius: 5px;
}

/* 滚动条滑块样式 */
::-webkit-scrollbar-thumb {
    background-color: #8c8c8c;
    border-radius: 5px;
}

/* 滚动条滑块在被hover时的样式 */
::-webkit-scrollbar-thumb:hover {
    background-color: #555;
}

这些代码将会使滚动条的宽度为10px，轨道背景色为#f5f5f5，滑块背景色为#8c8c8c，滑块被hover时背景色为#555。你可以根据需要自定义这些样式。