Scroll Boxes

  • 3
  • Idea
  • Updated 8 years ago
Here is how to add one :D I have to much free time XD
Fell free to use!

<style type="text/css">
textarea {scrollbar-base-color:orange;}
<textarea cols="30" rows="4">
Put text here
Photo of Pitfall


  • 44 Posts
  • 0 Reply Likes
  • helpfull

Posted 9 years ago

  • 3
Photo of UK Duke

UK Duke, Champion

  • 3321 Posts
  • 213 Reply Likes
Hi Pitfall,

Thanks for posting this - its a nice way to add code to your site which shows as code and can be copy and pasted away.

The CSS section didnt change anything for me.

Also in Yola the head tags and the body tags are not needed.

This part worked great.


<textarea cols="30" rows="4">
Put text here


Thanks for posting - Lee.
Photo of Marije

Marije, Official Rep

  • 4636 Posts
  • 237 Reply Likes
Thanks Pitfall, always useful to have these kind of tools for your site!
Photo of Alex


  • 3448 Posts
  • 39 Reply Likes
where did you get the code????
Photo of Aaron Reid

Aaron Reid

  • 2 Posts
  • 0 Reply Likes
I have a code to change my scrollbar colors but it wont work and I dont know wy here it is,can anyone figure itout??

body {
scrollbar-arrow-color: FFFFFF;
scrollbar-base-color: 000000;
scrollbar-dark-shadow-color: 000000;
scrollbar-track-color: 006600;
scrollbar-face-color: FFFFFF;
scrollbar-shadow-color: FFFFFF;
scrollbar-highlight-color: 009900;
scrollbar-3d-light-color: 000000;
Photo of Kershnee


  • 2087 Posts
  • 152 Reply Likes
Hi Aaron,

Your code only works in IE and not in FF. One important thing you must know about a colored scrollbar is that it does not work in Gecko-based browsers (Firefox, Netscape Navigator, Mozilla): It is an Internet Explorer's only property. It is not a standard property or a proprietary property. According to W3C, these properties are illegal: they are neither defined in any CSS specification nor are they marked as proprietary (by prefixing them with "-vendor-").
Photo of smithy


  • 1222 Posts
  • 28 Reply Likes
here is a website that you could look at!!