Any way how to change the appearance of the <SELECT>??

[gizmicek]

Hallo,
I have some form in my pages and I want to change the appearance of the <SELECT> element. I use CSS and the only thing which works is 'background-color' and 'color' but I also want to change the appearance of the border and of the arrow which is on the right side and roll out the available option.

Are there any CSS parameters for changing the SELECT element?? Any help appreciated

 

[EdwardMartinIII]

Sure, all the text attributes'll work for a select control.

Cheers,


Edward

"Cut a hole in the door. Hang a flap. Criminy, why didn't I think of this earlier?!" -- inventor of the cat door

 

[lillu]

Hi,

Here's a definitive list of what styles can be applied to the select object:

http://msdn.microsoft.com/library/d...hop/author/dhtml/reference/objects/select.asp

Well, you have a bit more style options via scripting but nothing for borders or cursor types...

Lillu

http://www.geocities.com/lillamarta

http://www.geocities.com/lillamarta/purple

 

[gizmicek]

Thanx very much for the reference. Unfortunately it seems that I won't be able to change the color of the border and the colors of the right arrow :-( It is strange that there are ways how to change the appearance of the scrollbar and no ways how to change appearance of the SELECT...

 

[RISTMO]

Just so you know, changing the scrollbar's color is an IE only trick. Even that isn't in the standards.

Rick

-----------------------------------------------------------

http://www.ristmo.com/

RISTMO Designs

http://www.arabchurch.com/

Arab Church

http://www.reference-guides.com/

Reference Guides

 

[ThomasJSmart]

u could make your own select, using layers and a bit of javascript. that way u can use ale your own graphics to make it. if u do a good job its even cross-browser compatable

I learned a bit yesterday, today i learned a lot, imagine what i'll learn tomorrow!

 

[gizmicek]

Hi K9logic and thanx for reply.
I know there are possibilities to make my own controls but I'm programmer only and have no experience with this feature which belongs more likely to graphics. Do you have any good tutorial which can help me?? The thing is that I use the SELECT element in my e-mail client and it is used for listing all the users registered within my web pages so the registered user can e-mail to all other users. So the count of the OPTION elements inside the SELECT is dynamicaly modified according to the count of actually registered users. So I don't know if there is any help for me, because the OPTION elements are output from PHP script.

 

[ThomasJSmart]

this one is quite good,

http://webfx.eae.net/dhtml/select/jsGenerated.html

good luck

I learned a bit yesterday, today i learned a lot, imagine what i'll learn tomorrow!

 

[gizmicek]

OK, I will try it, thanx very much!