SelectList styling

team eGlobe

Hello,
is this possible to style HTML SelctList using CSS like the attached sample.

Thanks for your time

Eoin

JQuery is the way to go I think - check out these examples:
http://jquery-ui.googlecode.com/svn/branches/labs/selectmenu/index.html

Eoin

Eoin wrote: »

JQuery is the way to go I think - check out these examples:
http://jquery-ui.googlecode.com/svn/branches/labs/selectmenu/index.html

+1
And I wouldn't worry too much about the small group of folks who block javascript on their browsers. jQuery is so ubiquitous now that anyone who chooses to disable javascript will expect the internet to look a little shabbier, and some websites to not work at all.

cormee

Deleted User wrote: »

+1
And I wouldn't worry too much about the small group of folks who block javascript on their browsers. jQuery is so ubiquitous now that anyone who chooses to disable javascript will expect the internet to look a little shabbier, and some websites to not work at all.

It's not just users who have JavaScript turned off who won't be able to use it, low vision/blind users who use screen readers probably won't 'see' it either, for the sake of a bit of styling you're excluding about 5% (rough estimate of the size of those two groups) of your potential market. That's not a criticism just a consideration - if accessibility isn't a concern ignore it.

They do support <label> and tabbing though which is pretty cool.

Eoin

This is just styling a standard HTML element; it's not replacing it - so I would expect that a screen reader or browser with scripting turned off would just render the dropdown list as normal.

cormee

Eoin wrote: »

This is just styling a standard HTML element; it's not replacing it - so I would expect that a screen reader or browser with scripting turned off would just render the dropdown list as normal.

Indeed it is. I only looked at the code briefly using Firebug, apologies, ignore my earlier post.

team eGlobe

Thanks guys for the direction.JQuery is the way to go