html - 如何更改 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;
}

我只是把 body 改成了你的类，它应该是这样工作的。