Pasek do przewijania textarea

Question

Witam. Jak można ostylować pasek do przewijania textarea ?

Answer 1

https://css-tricks.com/custom-scrollbars-in-webkit/

http://webdesign.tutsplus.com/articles/quick-tip-styling-scrollbars-to-match-your-ui-design--webdesign-9430

https://github.com/kamlekar/slim-scroll

Answer 2

Nie jestem pewien czy chodzi Ci o to aby pasek się pojawił, czy aby zmienić wygląd scrollbar-a. Jeżeli to pierwsze to w kodzie css dodajesz:

textarea {
    overflow-y: scroll;
    height: 100px;
    resize: none; /* Remove this if you want the user to resize the textarea */
}

Ze zmianą wyglądu jest trochę ciężej ponieważ jest to obiekt z przeglądarki i każda przeglądarka ma swoje style dla textarea. Ostylować można do webkita (np. chrome) i tutaj jest pokazane jak to zrobić: https://css-tricks.com/custom-scrollbars-in-webkit/

Jednak jeżeli chcesz aby to działało dla wszystkich przeglądarek to trzeba skorzystać z js. Kiedyś korzystałem z tego: http://manos.malihu.gr/jquery-custom-content-scroller/