Scrollbar в текстовом поле

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

, но он работает только в хроме. Другого браузера он отображается по умолчанию полоса прокрутка и второе сомнение это начать появится в IPad после того как я scrolldown..how для отображения вертикальных прокрутите, если у него есть максимальный текст при наведении текстового поля?

jsfiddle

Answer 1

Вы можете использовать MouseOut и наведении курсора мыши события, чтобы скрыть или показать полосу прокрутки с помощью CSS.

Answer 2

Для решения кросс-браузер вы должны использовать javascript/jquery. Есть много успешных плагинов прокрутки, которые вы можете использовать