CSS修改預設滾動條樣式 p文字超出用省略號

2021-10-07 23:02:14 字數 676 閱讀 6179

::-webkit-scrollbar— 整個滾動條.

::-webkit-scrollbar-button— 滾動條上的按鈕 (上下箭頭).

::-webkit-scrollbar-thumb— 滾動條上的滾動滑塊.

::-webkit-scrollbar-track— 滾動條軌道.

::-webkit-scrollbar-track-piece— 滾動條沒有滑塊的軌道部分.

::-webkit-scrollbar-corner— 當同時有垂直滾動條和水平滾動條時交匯的部分.

::-webkit-resizer— 某些元素的corner部分的部分樣式(例:textarea的可拖動按鈕).

//基於webkit的瀏覽器

body:

:-webkit-scrollbar

body:

:-webkit-scrollbar-thumb

<

/style>

p

/* 多行文字省略 */

p

css修改滾動條樣式

修改滾動條樣式 div webkit scrollbar div webkit scrollbar track div webkit scrollbar thumb div webkit scrollbar thumb hover div webkit scrollbar corner webkit...

css修改滾動條樣式

修改滾動條樣式 div webkit scrollbar div webkit scrollbar track div webkit scrollbar thumb div webkit scrollbar thumb hover div webkit scrollbar corner webkit...

css修改滾動條樣式

修改滾動條樣式 div webkit scrollbar div webkit scrollbar track div webkit scrollbar thumb div webkit scrollbar thumb hover div webkit scrollbar corner webkit...