textarea中的滚动条

Question

CSS就像：

::-webkit-scrollbar,::-moz-scrollbar {
    -webkit-appearance: none;
    width: 6px;    /* for vertical scrollbars */
    height: 8px;    /* for horizontal scrollbars */
}
::-webkit-scrollbar-track,::-moz-scrollbar-track {
    background: rgba(0, 0, 0, 0.1);
    border-radius:4px;
}
::-webkit-scrollbar-thumb,::-moz-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.5);
    border-radius:4px;
}

但是它只能在chrome中工作..在其他浏览器中，它显示默认滚动条，第二个疑问是它在我向下滚动后是否开始在ipad中出现..如果在文本区域上悬停了最大文本，如何显示垂直滚动？

jsfiddle

Answer 1

您可以使用mouseout和mouseover事件使用css隐藏或显示滚动条。

Answer 2

对于跨浏览器解决方案，您应该使用javascript / jquery。 您可以使用许多成功的滚动条插件