CSS on SELECT dropdown MENU item

imaginemn · 03-18-2005, 01:00 PM

Is there a way to change the dropdown color on a FORM SELECT? I know you can alter the background and text color inside the SELECT list but I really need to modify the scrollbar/dropdown.

I thought there was a way but can't remember if you actually can.

Thanks,
imaginemn

PaulC · 03-18-2005, 05:48 PM

This may be of use:

http://www.websitetips.com/info/css/...rs.shtml#forms

imaginemn · 03-18-2005, 06:02 PM

Thanks Paul I appreciate the time you took to point this out, but what I was looking for was a way to do the select list box not the textarea. I don't think there is a way to do this on a select list box.

imaginemn

Jazzee · 03-18-2005, 06:45 PM

Quote:

Originally Posted by imaginemn

Thanks Paul I appreciate the time you took to point this out, but what I was looking for was a way to do the select list box not the textarea. I don't think there is a way to do this on a select list box.

imaginemn

Can't you just apply that to a dropdown instead of a textarea? (put the class on the dropdown)

PaulC · 03-18-2005, 06:49 PM

Thats what I had in mind. Not sure if it will work though.

imaginemn · 03-18-2005, 07:40 PM

Quote:

Originally Posted by Jazzee

Can't you just apply that to a dropdown instead of a textarea? (put the class on the dropdown)

I've tried it. I have a feeling that it's just something I am unable to do. For some reason you can do it on all the form elements but SELECT. They either forgot to allow this or just want to mess with programmers.

imaginemn

Jazzee · 03-18-2005, 08:01 PM

Quote:

Originally Posted by imaginemn

I've tried it. I have a feeling that it's just something I am unable to do. For some reason you can do it on all the form elements but SELECT. They either forgot to allow this or just want to mess with programmers.

imaginemn

You've probably thought of this, but I'll say it just in case. Maybe it's something that only works in certain browsers?

DaveyBoy · 03-18-2005, 08:41 PM

I've tried soooo many times to style a list box, seems to be impossible.

TeKBuzz · 03-18-2005, 08:47 PM

I know its off topic but davey boy the first link in your sig... its a bit off...

edit: guess I should mention that's in mozilla firefox

PS sorry to interrupt the thread, continue as if I didn't post >.<

DaveyBoy · 03-18-2005, 08:50 PM

hehe, yeah i know, it's a bit messed in firefox - sometimes that renders ok, sometimes not - don't get it.

[/end of off topic]

PaulC · 03-18-2005, 10:00 PM

Pulled this from a mailing list, not much help but gives a little insight.

"Unfortunately, the <select> is a very different animal. Since
it's technically a windows object and not native to the browser, it
follows very different rules (you may have noticed other limitations in
your attempts to bend it to your will)."

Followed by this:

"I haven't been able to alter/control the colors of the scrollbar
of a <select multiple> form input. Have played with the main
browser window scrollbar, textarea form inputs, etc. but haven't been
able to do this, or find any doc/examples that do this with
a multiple select input."

pinkfluffybunny · 03-21-2005, 04:59 PM

It can be done - BUT http://www.456bereastreet.com/lab/fo...lect_multiple/

pinkfluffybunny · 03-22-2005, 04:26 PM

Sorry for not mentioning this - If you just gotta have it your way

Do a flash form - http://www.flashkit.com/tutorials/Dy...F-15/index.php

imaginemn · 03-22-2005, 05:17 PM

Thanks for the links. But it looks like what the client wanted it cannot be done. It's a heavily used site to have flash for multiple dropdowns. Client is now ok not having colored drop downs. What I needed to be colored was the actual scroll like the textarea but it just can't be done. If's for an intranet 100% IE users.

They'll just have to live without it. Thank you pinkfluffybunny for taking the time to find the links and everyone else for the additional comments.

I did find a way to simulate it using DHTML but it was not worth it.

imaginemn

pinkfluffybunny · 03-26-2005, 12:29 PM

Here are some pre-made

To get the links to popup in a new window use this script

Create the movie in Flash:

Assign the getURL action to a button or keyframe.
For the URL, insert the code below, copying the information exactly.

Custom values for the URL, dimensions, toolbars, and scrollbars can by used, but creating a basic working example using this code first is recommended.
javascript

penNewWindow('http://www.macromedia.com','thewin',
'height=400,width=400,toolbar=no,scrollbars=yes')

The above code can be pasted into the URL window. The above two lines must be copied separately, then pasted together into one single string of characters.
Publish the Flash movie and HTML page using the "Flash Only (Default)" HTML Template.
Part Two: Add the JavaScript to the HTML page

Open the published HTML from part one for editing using Notepad, Simple Text, or an HTML editor such as Macromedia Dreamweaver.
Copy the following code, exactly as it appears below:
<script language="JavaScript">
function openNewWindow(URLtoOpen, windowName, windowFeatures) {
newWindow=window.open(URLtoOpen, windowName, windowFeatures); }
</script>

Paste the code between the HEAD tags in the HTML source.

the face you see in the code should look like this with no spaces : o