CSS & Forms

[James L.]

Greetings,

I have been reading these boards for a little while, but this is my first post.

My question is this:

I have a drop dowm form menu that I currently use on a site for navigation purposes on some internal pages. When an option is selected it uses a javascript routine to change the page to the new selection... pretty simple, works just fine, except for the visual of the page... the standard form drop down menu is pretty ugly, and I was wondering how much control CSS provides over the form elements. Can I modify the visual appearance of the menu on the screen?

Any hep would be VERY appreciated!

[Stefan]

Yes, CSS applies the same rules and syntax to basicly every tag in HTML.

There are some interpretation of what happens between different browsers for eg stuff like background-color on inputs and buttons etc (the specs are not very clear) but in general you get expected resoults.

[James L.]

Stefan,

thanks for your reply. At the risk of appearing greedy for advice:

Here are the things that I would like to change:

1) The border color of the menu, from the simple, ugly white.

2) The background color of the listed items (options).

3) The highlight color as the mouse passes over them.

Being CSS challenged, how would one go about these things. If you have the time I would love to know.

Thanks again

[Stefan]

Originally posted by James L.

Here are the things that I would like to change:

1) The border color of the menu, from the simple, ugly white.
2) The background color of the listed items (options).
3) The highlight color as the mouse passes over them.


1) yourtag {border:1px solid red;}
2) yourtag {background:#aaa;}
3) yourtag:hover {background:#ccc;}

If you need more help, please provide an URL to the code :)

[spinnyscripter]

i would like to change the forms on my web page to lokk like that of my web forum how would i go about this.

do i just copy over the css file for the forum and use that on my site or do create a new one as i dont want to change all the items on my site

[DaveSW]

Just copy over the rules that relate to input, select etc - all those you wish to change.