Results 1 to 8 of 8

Thread: Drop Down Bar Color

  1. #1
    Join Date
    Mar 2006
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Drop Down Bar Color

    Script: Combo Box Viewer
    http://www.dynamicdrive.com/dynamici...omboviewer.htm

    What I want to do is to change the default color of blue for the highlight color of the menu item - can anybody supply me with the code to do so?

    Thanx

  2. #2
    Join Date
    Mar 2006
    Posts
    600
    Thanks
    5
    Thanked 4 Times in 4 Posts

    Default

    Yea In the CSS part Change The background-color to whatever you like:

    Code:
    Script: <style type="text/css">
    .dropcontent{
    width: 300px;
    height: 140px;
    border: 1px solid black;
    background-color: #FFECC6;
    display:block;
    }
    </style>
    change it to:

    Code:
    <style type="text/css">
    .dropcontent{
    width: 300px;
    height: 140px;
    border: 1px solid black;
    background-color: #0000FF;
    display:block;
    }
    </style>
    That should work if it doesn't let me know.

  3. #3
    Join Date
    Mar 2006
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default I've Tried This Before

    Thanks for your reply BenSlayton, unfortunately what you suggested

    Change it to:

    Code:
    <style type="text/css">
    .dropcontent{
    width: 300px;
    height: 140px;
    border: 1px solid black;
    background-color: #0000FF; <-- Changing this changes display box background
    display:block;
    }
    </style>
    changes the content box where the message/info appears. I want to change the highlight color of the drop-down menu items from the default blue to another color

    Do you want to take another shot at this?

  4. #4
    Join Date
    Mar 2006
    Posts
    600
    Thanks
    5
    Thanked 4 Times in 4 Posts

    Default

    Oh Ok! Let's See!

  5. #5
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    I've looked into this before and found that blue is the color, period. I'd love to be proved wrong but, that is what all my searching and experience has told me. I imagine that if one were to design one's own select element from styled divisions and/or list elements (list elements are probably a bad idea) and/or a table using javascript for hiding and revealing absolutely positioned content held in a relatively positioned container (all that a select is after all), one could make it highlight in any color one wished. However, without great technique, it would be a total mess in non-javascript enabled browsers.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  6. #6
    Join Date
    Mar 2006
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    JS -

    Thanx, I was afraid this was the case - did alot of searching myself and my conclusion - its a anomaly.

    Thanx - I'll go onto other things.

  7. #7
    Join Date
    Mar 2006
    Posts
    600
    Thanks
    5
    Thanked 4 Times in 4 Posts

    Default

    I'm not exactly sure if this is will work but if your using dreamweaver try this out.

    http://www.projectseven.com/products...ors/colors.htm

  8. #8
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    Quote Originally Posted by benslayton
    I'm not exactly sure if this is will work but if your using dreamweaver try this out.

    http://www.projectseven.com/products...ors/colors.htm
    It won't.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •