Solved

Better Looking Select Menu?

Posted on 2009-06-30
1
344 Views
Last Modified: 2012-05-07
Hi,

Can someone provide some CSS that will style the HTML <select> control?  I am looking to make mine a bit more polished looking, more web 2.0, I don't really care for that "term", but I hope it help illustrate what I am looking for.  

--ws
0
Comment
Question by:Westside2004
1 Comment
 
LVL 10

Accepted Solution

by:
Phatzer earned 250 total points
ID: 24744039
I believe if you provide given options with a class, you can format the class accordingly, although you may find that some things cannot be changed. ie...

<option class="opt1">dfsdf</option>

CSS:

.opt1 {
  font-weight: bold;
}
0

Featured Post

3 Use Cases for Connected Systems

Our Dev teams are like yours. They’re continually cranking out code for new features/bugs fixes, testing, deploying, testing some more, responding to production monitoring events and more. It’s complex. So, we thought you’d like to see what’s working for us.

Question has a verified solution.

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

Introduction A frequently asked question goes something like this:  "I am running a long process in the background and I want to alert my client when the process finishes.  How can I send a message to the browser?"  Unfortunately, the short answer …
Introduction If you're like most people, you have occasionally made a typographical error when you're entering information into an online form.  And to your consternation, the browser remembers the error, and offers to autocomplete your future entr…
In this Micro Tutorial users will learn how to embed custom fonts into websites using @font-face in CSS Select a font: Ensure the EULA allows you to use @font-face: Download the font: Get the browser-compatible files you need: Edit your CSS       - Name …
In this tutorial viewers will learn how to position items using CSS's three positioning types Create a new HTML document with an internal stylesheet.: Create another div in CSS and name it Absolute : Type "position:absolute;" and "top:10px; left:50p…

770 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