如何在引導工具提示中更改滾動條樣式

Question

我有一個工具提示，我不知道如何更改滾動條上的顏色。

.tooltip-inner { 
    font-size: smaller; 
    white-space: pre-line; 
    width: 200px; 
    height: 200px; 
    overflow-y: auto; 
} 

Answer 1

你可以在那裏找到所有的信息css-tricks。 但請記住，IE和Firefox不支持它。

實例的建議：

body::-webkit-scrollbar { 
    width: 1em; 
} 

body::-webkit-scrollbar-track { 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
} 

body::-webkit-scrollbar-thumb { 
    background-color: darkgrey; 
    outline: 1px solid slategrey; 
} 

爲您的代碼試試這個：

.tooltip-inner::-webkit-scrollbar { 
    width:15px; 
} 

.tooltip-inner::-webkit-scrollbar-track { 
    background-color:#FFFFFF; 
} 

.tooltip-inner::-webkit-scrollbar-thumb { 
    background-color:#2A2A2A; 
    border-radius:10px; 
    border-style:solid; 
    border-width:4px; 
    border-color:#FFFFFF; 
} 

我只改體類，它應該像這樣工作。