Solved

Selected background color

Posted on 2014-03-24
3
275 Views
Last Modified: 2014-03-24
See attached.

This is a generated SELECT Option list. As indicated, we want to use different background colors for different classes of customers.

One of the colors we want to use (for the background) is blue.

But the default value for the selected item (at least in Firefox) is blue.

How can I change the default highlight color (background color) of the current selected item to a different color?
select-bgcolor.jpg
0
Comment
Question by:Richard Korts
3 Comments
 
LVL 58

Accepted Solution

by:
Gary earned 300 total points
ID: 39951193
Not possible, if you want to do something like this you have to convert to a list (UL/LI etc)
0
 
LVL 53

Assisted Solution

by:COBOLdinosaur
COBOLdinosaur earned 200 total points
ID: 39951304
The default is not overridable, so just use a different shade of blue for contrast.

Cd&
0
 

Author Closing Comment

by:Richard Korts
ID: 39951340
I actually used purple because this class of customer is "VIP"

Thanks
0

Featured Post

NAS Cloud Backup Strategies

This article explains backup scenarios when using network storage. We review the so-called “3-2-1 strategy” and summarize the methods you can use to send NAS data to the cloud

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
How would I do a website like this? 5 57
css selector 1 17
How to show span when clicked on? 10 21
Show tab when enter div and change underline color 3 34
Styling your websites can become very complex. Here I'll show how SASS can help you better organize, maintain and reuse your CSS code.
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
In this tutorial viewers will learn how to embed Flash content in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <object> tag to embed Flash content.: To specify that the object is Flash content, d…
In this tutorial viewers will learn how to embed videos in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <video> tag to insert a video. Define the src as the URL of your video; this is similar to …

772 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question