css定義瀏覽器滾動條樣式-實現客服訪客聊天界面滾動樣式【唯一客服】

可以使用 CSS 的 ::-webkit-scrollbar 僞元素來自定義 Webkit 內核的瀏覽器（例如 Chrome、Safari）中的滾動條樣式。該僞元素可以用來設置滾動條的寬度、高度、背景色、圓角、滑塊樣式等屬性。以下是一個示例代碼，演示如何自定義滾動條的樣式：

/* 定義滾動條的寬度、高度和背景色 */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  background-color: #f5f5f5;
}

/* 定義滾動條滑塊的樣式 */
::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #c5c5c5;
}

/* 定義滾動條的邊框和圓角 */
::-webkit-scrollbar-track {
  border: 1px solid #ccc;
  border-radius: 5px;
}

/* 定義滾動條滑塊在 hover 狀態下的樣式 */
::-webkit-scrollbar-thumb:hover {
  background-color: #999;
}

我們首先定義了滾動條的寬度、高度和背景色，然後定義了滑塊的樣式，包括圓角和背景色。接下來，我們定義了滾動條的邊框和圓角，最後定義了滑塊在 hover 狀態下的樣式。

可以自己修改一下樣式，我的效果