如何在bootstrap工具提示中更改滚动条样式

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;
}

我只改变了你的课程，它应该像这样工作。