html - 如何更改文本区域输入中的滚动条？

Question

我需要知道如何更改文本区域输入，例如我想添加自己的箭头和条。

我知道我们可以在 CSS 中更改颜色，但我想添加我自己的图片，就像这张图片一样

我希望它在用户可以输入的文本区域输入中。我们能做到吗？？

编辑: jScrollPane 不适用于 textarea 输入，检查此图像

Answer 1

这与您将得到的差不多:

body   {
position: absolute;
overflow-y: scroll;
overflow-x: hidden;
}
html {
overflow-y: auto;
background-color: transparent;
}
::-webkit-scrollbar {
width: 10px;
height: 10px;
}
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment  {
height: 10px;
background-color: transparent;
}
::-webkit-scrollbar-track-piece  {
background-color: #eeeeee;
-webkit-border-radius: 16px;
}
::-webkit-scrollbar-thumb:vertical {
height: 10px;
background-color: #666;
border: 1px solid #eee;
-webkit-border-radius: 16px;
}

据我所知，您不能使用图像，只能使用 CSS 样式...