css火狐浏览器滚动条样式修改

要在CSS中修改火狐浏览器的滚动条样式，可以使用以下伪类选择器和属性：

1. `::-moz-scrollbar`：用于选择整个滚动条。
2. `::-moz-scrollbar-button`：用于选择滚动条两端的按钮。
3. `::-moz-scrollbar-track`：用于选择外层轨道。
4. `::-moz-scrollbar-track-piece`：用于选择内层滚动槽。
5. `::-moz-scrollbar-thumb`：用于选择滚动的滑块。
6. `::-moz-scrollbar-corner`：用于选择边角。
7. `::-moz-resizer`：用于定义右下角拖动块的样式。

你可以为这些选择器设置不同的样式属性，例如宽度、颜色、背景等。以下是一个示例：

/* 修改整个滚动条的样式 */
::-moz-scrollbar {
  width: 10px;
  background-color: #f1f1f1;
}

/* 修改滚动条滑块的样式 */
::-moz-scrollbar-thumb {
  background-color: #888;
  border-radius: 5px;
}

/* 修改滚动条轨道的样式 */
::-moz-scrollbar-track {
  background-color: #f1f1f1;
}

/* 修改滚动条按钮的样式 */
::-moz-scrollbar-button {
  background-color: #888;
}

请注意，这些样式只适用于火狐浏览器，其他浏览器可能不支持这些伪类选择器和属性。