如何在textarea输入中更改滚动条？

Question

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

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

我希望它在用户可以输入的 textarea 输入中。我们可以这样做吗？？

编辑： 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 样式...

Answer 2

有一个脚本可以完全满足您的要求，请查看http://studio.radube.com/html-textarea-custom-scrollbar。您可以使用纯 css 和您自己的图像对其进行自定义。