Styling select boxes
- Started
- Last post
- 11 Responses
- voiceof
It's a pain the ass to style select boxes, check boxes etc... without using a bunch of extra mark up.
What do you use to style your forms? I've seen a few jquery solutions but most seem pretty bloated or offer more that I need ( which is just to make the select box look like it belongs with the form)
Any suggestions?
- version30
like?
nevernice.com steal all the css you want
- voiceof0
No, thanks anyway.
That select box still changes appearance according to the browser.
I'm thinking more along the lines of http://plugins.jquery.com/projec…
but with less code
- version30
you want image based then, there was a similar thread to this a few weeks ago, regarding input i think, it was jQuery too but support didn't seem widespread, i'll relink if i find it
- gabadilla0
I like the extjs stuff: http://extjs.com/deploy/dev/exam…
- dropdown0
I'm not sure how helpful this is to you, as it uses javascript as well, but it's something.
- voiceof0
I'd prefer it to not be image based. Mainly I just want to be able to get consistent sizing and control of the borders.
It's looking like it's easier said than done
- zenmasterfoo0
you're asking for too much. without javascript you won't be able to get the same results. Use jquery. There really isn't much code - one css file and one js file.
- voiceof0
I have no problem using jquery it's just most of the solutions I saw seemed like they had excessive code and I was hoping to find something a little more condensed. (smaller js files, no extra divs )
I was also hoping to find the ones people here use most often.
- acescence0
if you're relying on javascript to provide most of the appearance anyway, i would make the markup as simple as possible and then inject all of the extra markup sauce with javascript. that's what all those ui plugins are doing anyway. just use jquery's wrap method if you want to diy, or getelementsbytagname or id and append some dom objects if you want to cut out jquery.
- welded0
I've used a jQuery plugin called jNice, but it needed quite a bit of tweaking. Maybe it's better now, but I think acescence is basically right. With a little bit of jQuery know-how you can do this yourself and just focus on solving the problem at hand.