CSS Help
 
Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
User Name:
Password:
Remember me
Go Back   Dev Shed Forums > Web Design > CSS Help
Reload this Page

css drop down color change?

Discuss css drop down color change? in the CSS Help forum on Dev Shed.
css drop down color change? Cascading Style Sheets (CSS) forum discussing all levels of CSS, including CSS1, CSS2 and CSS Positioning. CSS provides a robust way of applying standardized design concepts to your web pages.

Reply
Add This Thread To:
  Del.icio.us   Digg   Google   Spurl   Blink   Furl   Simpy   Y! MyWeb 
« Previous Thread | Next Thread »  
Thread Tools Search this Thread Rate Thread Display Modes
 
Unread Dev Shed Forums Sponsor:
  #1  
Old August 10th, 2003, 10:53 AM
UpBeetMusic's Avatar
UpBeetMusic UpBeetMusic is offline
Contributing User
Dev Shed Newbie (0 - 499 posts)
  
Join Date: Jan 2003
Posts: 52 UpBeetMusic User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 6 h 21 m 36 sec
Reputation Power: 6
css drop down color change?
Ok so I've got a dropdown menu (what you use to select size/font/color when posting a thread) for a search form i'm doing, but the thing is nothing i seem to do in css seems to be able to get rid of the ugly grey outline and grey dropdown button, but as i'm seeing here on the forums the same ugly grey outline appears, is this a problem that is only resolved with like the latest version of i.e., is it possible or not?

Thank you,
Robert Velasquez
UpBeetMusic.com
Reply With Quote
  #2  
Old August 10th, 2003, 01:35 PM
thedude-82 thedude-82 is offline
Junior Member
Dev Shed Newbie (0 - 499 posts)
  
Join Date: Aug 2003
Posts: 4 thedude-82 User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 0
Hi UpBeetMusic

I had the exact same qustion a while ago, searched the whole of the internet and from what i could find you can not change the colour of the drop down menu arrow, you can change the text inside the background colour but you cant get rid of the greyness.
Reply With Quote
  #3  
Old August 10th, 2003, 02:47 PM
icy_polecat's Avatar
icy_polecat icy_polecat is offline
Senior Polecat
Dev Shed Newbie (0 - 499 posts)
  
Join Date: Jun 2003
Location: Jersey (the original version)
Posts: 210 icy_polecat User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 59 m 57 sec
Reputation Power: 6
Send a message via Yahoo to icy_polecat
i'm afraid the dude is right (big lebowski fan by any chance?)

The reason you can do so little with <select> tags is due to the way they are rendered in IE. IE uses the standard windows dropdown menu for HTML dropdowns (a bit of lazy coding on the part of M$). Because these elements are standard windos controls you can't do an awful lot with them. Try testing your style in Mozilla and see what you can do there.
__________________
Quidquid latine dictum sit, altum viditur.

http://www.XSet.co.uk
Reply With Quote
  #4  
Old August 10th, 2003, 06:31 PM
Eclipce Eclipce is offline
Contributing User
Dev Shed Novice (500 - 999 posts)
  
Join Date: Sep 2000
Posts: 763 Eclipce User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 1 Day 5 h 29 m 25 sec
Reputation Power: 0
I believe Mozilla for windows has the same problem that IE does.
Reply With Quote
  #5  
Old August 10th, 2003, 06:53 PM
ctstone's Avatar
ctstone ctstone is offline
Contributing User
Dev Shed Newbie (0 - 499 posts)
  
Join Date: Jul 2003
Posts: 147 ctstone User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 6
It's worth noting, that for an element with id 'the_select', mozilla offers these properties in its DOM:
Code:
# the_select.style.MozAppearance =
# the_select.style.MozBackgroundClip =
# the_select.style.MozBackgroundInlinePolicy =
# the_select.style.MozBackgroundOrigin =
# the_select.style.MozBinding =
# the_select.style.MozBorderBottomColors =
# the_select.style.MozBorderLeftColors =
# the_select.style.MozBorderRadius =
# the_select.style.MozBorderRadiusBottomleft =
# the_select.style.MozBorderRadiusBottomright =
# the_select.style.MozBorderRadiusTopleft =
# the_select.style.MozBorderRadiusTopright =
# the_select.style.MozBorderRightColors =
# the_select.style.MozBorderTopColors =
# the_select.style.MozBoxAlign =
# the_select.style.MozBoxDirection =
# the_select.style.MozBoxFlex =
# the_select.style.MozBoxOrdinalGroup =
# the_select.style.MozBoxOrient =
# the_select.style.MozBoxPack =
# the_select.style.MozBoxSizing =
# the_select.style.MozCounterIncrement =
# the_select.style.MozCounterReset =
# the_select.style.MozFloatEdge =
# the_select.style.MozForceBrokenImageIcon =
# the_select.style.MozImageRegion =
# the_select.style.MozKeyEquivalent =
# the_select.style.MozOpacity =
# the_select.style.MozOutline =
# the_select.style.MozOutlineColor =
# the_select.style.MozOutlineRadius =
# the_select.style.MozOutlineRadiusBottomleft =
# the_select.style.MozOutlineRadiusBottomright =
# the_select.style.MozOutlineRadiusTopleft =
# the_select.style.MozOutlineRadiusTopright =
# the_select.style.MozOutlineStyle =
# the_select.style.MozOutlineWidth =
# the_select.style.MozResizer =
# the_select.style.MozUserFocus =
# the_select.style.MozUserInput =
# the_select.style.MozUserModify =
# the_select.style.MozUserSelect =


I've never actually tried modifing them - but I'm guessing they are there to specifically modify the way Mozilla renders the element. Post back if you get it working.
__________________
ctnstone.com
Reply With Quote
  #6  
Old November 9th, 2003, 05:29 PM
tuck01 tuck01 is offline
Registered User
Dev Shed Newbie (0 - 499 posts)
  
Join Date: Sep 2003
Posts: 12 tuck01 User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 0
Wink <select> tag color question
Hello all,

I have a question that related to your topic.

I am using a style sheet to format my drop down menus.
I have the <select> tag formatted to my liking.

I have 2 dropdowns and I want one of them to be in another color.

I tried making a 2nd <select> tag, called it <select2> But the page doesn't recognize it.???

I am CSS challenged.... Can any of you help me?

Is it possible to make 2 different dropdowns????

Thanks

-Tuck
Reply With Quote
  #7  
Old November 20th, 2003, 08:30 AM
Joen's Avatar
Joen Joen is offline
Contributing User
Dev Shed Newbie (0 - 499 posts)
  
Join Date: Nov 2000
Location: Leuven, Belgium
Posts: 39 Joen User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 8
Hey Tuck01,

It's faily easy, but you should step away from the general css formatting of <select>. Rather make 2 css classes, for instance select1 and select2. Then, in your HTML, apply the wanted style to each select-box like this:

[PHP]<select name='select' class='select1'>[PHP]

... and so on. Easy enough?
Reply With Quote
  #8  
Old March 8th, 2004, 07:33 AM
Tommieboy's Avatar
Tommieboy Tommieboy is offline
Controlfreak
Dev Shed Newbie (0 - 499 posts)
  
Join Date: Feb 2004
Location: Netherlands
Posts: 32 Tommieboy User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 5
Send a message via ICQ to Tommieboy Send a message via MSN to Tommieboy
Quote:
Originally Posted by tuck01
Hello all,

I have a question that related to your topic.

I am using a style sheet to format my drop down menus.
I have the <select> tag formatted to my liking.

I have 2 dropdowns and I want one of them to be in another color.

I tried making a 2nd <select> tag, called it <select2> But the page doesn't recognize it.???

I am CSS challenged.... Can any of you help me?

Is it possible to make 2 different dropdowns????

Thanks

-Tuck

You can give both dropdowns a different css class, or define css style for both inside the tags, instead of an external stylesheet.
Reply With Quote
  #9  
Old March 8th, 2004, 07:38 AM
Tommieboy's Avatar
Tommieboy Tommieboy is offline
Controlfreak
Dev Shed Newbie (0 - 499 posts)
  
Join Date: Feb 2004
Location: Netherlands
Posts: 32 Tommieboy User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 5
Send a message via ICQ to Tommieboy Send a message via MSN to Tommieboy
Has anyone yet found a way to format selct dropdowns properly? I can alter the border of input tags etc. but select won't work. Is this indeed a rendering problem? because I recall to have seen something like I want to do on another site. I just can't remember where....
Reply With Quote
  #10  
Old March 8th, 2004, 07:47 AM
ChiefWigs1982's Avatar
ChiefWigs1982 ChiefWigs1982 is offline
Cunning Linguist
Dev Shed God 10th Plane (9500 - 9999 posts)
  
Join Date: Jul 2003
Location: I used to live at home, now I stay at the house
Posts: 9,909 ChiefWigs1982 User rank is Lieutenant General (80000 - 90000 Reputation Level)ChiefWigs1982 User rank is Lieutenant General (80000 - 90000 Reputation Level)ChiefWigs1982 User rank is Lieutenant General (80000 - 90000 Reputation Level)ChiefWigs1982 User rank is Lieutenant General (80000 - 90000 Reputation Level)ChiefWigs1982 User rank is Lieutenant General (80000 - 90000 Reputation Level)ChiefWigs1982 User rank is Lieutenant General (80000 - 90000 Reputation Level)ChiefWigs1982 User rank is Lieutenant General (80000 - 90000 Reputation Level)ChiefWigs1982 User rank is Lieutenant General (80000 - 90000 Reputation Level)ChiefWigs1982 User rank is Lieutenant General (80000 - 90000 Reputation Level)ChiefWigs1982 User rank is Lieutenant General (80000 - 90000 Reputation Level)ChiefWigs1982 User rank is Lieutenant General (80000 - 90000 Reputation Level)ChiefWigs1982 User rank is Lieutenant General (80000 - 90000 Reputation Level)ChiefWigs1982 User rank is Lieutenant General (80000 - 90000 Reputation Level)ChiefWigs1982 User rank is Lieutenant General (80000 - 90000 Reputation Level)ChiefWigs1982 User rank is Lieutenant General (80000 - 90000 Reputation Level)  Folding Points: 50746 Folding Title: Beginner FolderFolding Points: 50746 Folding Title: Beginner FolderFolding Points: 50746 Folding Title: Beginner Folder
Time spent in forums: 3 Months 2 Weeks 5 Days 21 h 25 m
Reputation Power: 853
Facebook
Dropdowns are actually part of your OS, and not the browser, so there is unfortunately nothing you can do to change their appearances...
__________________
Support requests via PM will be ignored!
Sites: Route of Queue | Sinthetic - Alternative UK Hiphop
Read These: The General Rules Thread | The General FAQ Thread | NEW USERS - How to post a question

Sign up with Matched.co.uk and earn up to £15 per website every month!

Reply With Quote
Reply

Viewing: Dev Shed Forums > Web Design > CSS Help > css drop down color change?

« Previous Thread | Next Thread »

Thread Tools  Search this Thread 
Search this Thread:

Advanced Search
Display Modes  Rate This Thread 
Linear Mode Linear Mode
Rate This Thread:


Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
View Your Warnings | New Posts | Latest News | Latest Threads | Shoutbox
Forum Jump


Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
  
 





© 2003-2008 by Developer Shed. All rights reserved. DS Cluster 4 hosted by Hostway. 
Stay green...Green IT