textarea中的滚动条

Question

Css is like:

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

but it works only in chrome ..in other browser it display default scrollbar and second doubt is it start appears in ipad after I scrolldown..how to display vertical scroll if it has max text on hover of the textarea?

jsfiddle

Answer 1

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

Answer 2

For a cross browser solution you should use javascript/jquery. There are many successful scrollbar plugins that you can use