I want to use a good old form element on my page. But I don't like the styling of it, how can I change it, is there quick way to do this in CSS, searched a lot, did'nt find a good answer, or do I need a jQuery plugin (which one?) ?
Thanks, Jakob
Asked
Active
Viewed 142 times
0
-
any wishes? what does it have to do more? what other look do you want – Manuel van Rijn Nov 16 '11 at 13:15
-
It's tricky to style selects, they are native to browsers. Goodluck with that! – Emmanuel N Nov 16 '11 at 13:17
-
@Emmanuel selects are easy, file inputs are hard ;) – Rory McCrossan Nov 16 '11 at 13:20
5 Answers
1
I dont think you can style a select element. it won't work cross-browser. The only way is to use JS to style it how you want it to look and then have it degrade gracefully without JS on. Note i have not tried using js/jquery to controlthe appearance of a select list - have no idea how well it will degrade in downlevel browsers.
Community
- 1
- 1
Ashok Padmanabhan
- 2,110
- 1
- 19
- 36
0
This really isn't the type of question SO was created for.
Even so, I'm a helpful type: http://www.tripwiremagazine.com/2011/06/jquery-forms-plugins.html
Rory McCrossan
- 331,213
- 40
- 305
- 339
0
Take a look at this: http://www.noupe.com/css/form-elements-40-cssjs-styling-and-functionality-techniques.html
Simone
- 20,302
- 14
- 79
- 103
0
It can all be done via CSS.
After a quick google search here is a resource with loads of examples in!
http://www.noupe.com/css/form-elements-40-cssjs-styling-and-functionality-techniques.html
Graeme Leighfield
- 2,825
- 3
- 23
- 38
0
Why not css ??
select{
color: gray; border: 1px solid blue; /*... other styling*/
}
Martin Borthiry
- 5,256
- 10
- 42
- 59
-
Thanks. I tried styling it using CSS, and while you can style many parametres, you replace the image og the arrow for example.. – jakobk Nov 16 '11 at 13:25
-
If you want to customize the down arrow try this plugin: http://plugins.jquery.com/project/selectbox – Martin Borthiry Nov 16 '11 at 13:34