- This topic is empty.
February 26, 2013 at 6:23 am #42982mostafaghanbariMember
hey guys. i created a [codepen](http://codepen.io/mostafaghanbari-cssmax/pen/ylJgd) for this question and my question is:
1 . **how can i style a textarea scroll bar using CSS?**
2 . **how can i change direction of a textarea scroll bar?**
(**I**)there is a [jQuary plugin](http://www.kelvinluck.com/assets/jquery/jScrollPane/jScrollPane.html) for having fancy scrollbars but i want to know if there is or are any other ways.(**II**) direction of scroll bars in textareas depends on the web browser you are watching the page with. for example if you see [the pen](http://codepen.io/mostafaghanbari-cssmax/pen/ylJgd) with safari, the scrollbar appears in the right side of textarea!February 26, 2013 at 6:31 am #126117Paulie_DMember
CSS – I think you can only style these in Webkit.
Basically, you pretty can’t style these with CSS (except as mentioned above) because they are browser objects rather than HTML elements and each browser will choose to render then in it’s own way.
Webkit is, AFAIK, the only one which will let you style them.
BTW…you mean position, not direction.February 26, 2013 at 6:33 am #126118Andy HowellsParticipant
@chriscoyier did an article on custom scroll bars previously – https://css-tricks.com/custom-scrollbars-in-webkit/
Edit: @paulie_d beat me too it!
With regard to changing the direction I’m unsure if it’s possible but even if it is it might be confusing for users if you reverse it, so I wouldn’t recommend it.February 26, 2013 at 6:38 am #126119mostafaghanbariMember
very good point @Paulie_D, especially when you said:
> they are browser objects rather than HTML elements and each browser will choose to render then in it’s own way.
so i think jQuery is my answer. thanksAugust 30, 2014 at 2:12 am #181133vivek DigarseParticipant
sir ,scrollbar code not working in mozilla browser why?
it is work only safari and chrome.September 1, 2014 at 12:39 pm #181326happycodingsParticipant
Textarea tag Scroll Bar Color Properties
Have a heart that never hardens, and a temper that never tires, and a touch that never hurts. Charles Dickens
- The forum ‘CSS’ is closed to new topics and replies.