-
1. Re: Styling scrollbars in select boxes
Nancy O. Jan 19, 2012 4:03 PM (in response to ottz0)Try this jQuery plug-in
http://jscrollpane.kelvinluck.com/
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
-
2. Re: Styling scrollbars in select boxes
Nancy O. Jan 19, 2012 4:31 PM (in response to Nancy O.)Sorry I gave you a bad link for your question.
I'm afraid that form elements are very browser centric. I don't know of a reliable way to style the scrollbar on a select menu.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
-
3. Re: Styling scrollbars in select boxes
Ben Pleysier Jan 19, 2012 5:55 PM (in response to ottz0)Only Safari and Chrome will show changes to the select element as in
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>Untitled Document</title> <style> select { -webkit-appearance: button; -webkit-border-radius: 2px; -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); -webkit-padding-end: 20px; -webkit-padding-start: 2px; -webkit-user-select: none; background-image: url(../images/select-arrow.png), -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5); background-position: center right; background-repeat: no-repeat; border: 1px solid #AAA; color: #555; font-size: inherit; margin: 0; overflow: hidden; padding-top: 2px; padding-bottom: 2px; text-overflow: ellipsis; white-space: nowrap; } </style> </head> <body> <label for="select1">Test</label> <select name="select1" id="select1"> <option>test</option> <option>test</option> <option>test</option> <option>test</option> <option>test</option> <option>test</option> <option>test</option> <option>test</option> <option>test</option> <option>test</option> <option>test</option> <option>test</option> </select> </body> </html>Gramps
-
4. Re: Styling scrollbars in select boxes
ottz0 Jan 19, 2012 6:10 PM (in response to Ben Pleysier)would you also go with the old SCROLLBAR-FACE-COLOR: #000000
for IE? or just not worry about ie?
-
5. Re: Styling scrollbars in select boxes
MurraySummers Jan 20, 2012 4:05 AM (in response to ottz0)I would just not worry about scrollbars. Let them be. People are familiar with them. Any other approach is going to get you into the business of having to come up with specific-browser solutions till you are blue in the face....



