Solved

Need to achieve rounded corners for select dropdown boxes -- how?

Posted on 2009-07-06
4
303 Views
Last Modified: 2012-05-07
If you take a look at the following screenshot, ...

http://www.theseagatehotel.com/www.theseagatehotel.com/Screenshots/homepage.jpg

.. I need to create that same rounded corner effect for those select dropdown boxes in the lefthand column.  How would I accomplish that?  

I need a solution that's as cross-browser as possible.  

Thanks in advance.
- Yvan
0
Comment
Question by:egoselfaxis
  • 2
  • 2
4 Comments
 
LVL 2

Accepted Solution

by:
uxdesigner earned 500 total points
ID: 24789700
Check out Niceforms:

http://www.emblematiq.com/projects/niceforms/

Then replace the images in the /img folder with your own if you are not happy with the default style.
0
 

Author Comment

by:egoselfaxis
ID: 24789759
That looks pretty slick - thanks!

I did a quick test, and it doesn't appear to work in IE6.  Is it fair to say that the rounded corner effect for select dropdown boxes just isn't possible to achieve in IE6?

- Yvan  
0
 
LVL 2

Expert Comment

by:uxdesigner
ID: 24789841
That's right - no IE6 unfortunately. It does degrade fairly gracefully though in IE6.

"Compatibility

The script is fully compatible and has been tested with most major browsers, with the exception of IE6."
0
 

Author Comment

by:egoselfaxis
ID: 24799081
Thanks!

- Yvan
0

Featured Post

Free Tool: IP Lookup

Get more info about an IP address or domain name, such as organization, abuse contacts and geolocation.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

Have you tried to learn about Unicode, UTF-8, and multibyte text encoding and all the articles are just too "academic" or too technical? This article aims to make the whole topic easy for just about anyone to understand.
Find out what you should include to make the best professional email signature for your organization.
In this tutorial viewers will learn how to customize the background color and font color of highlighted text using the ::selection element in CSS Begin by defining the selected text as an element in CSS by typing "::selection": Style the ::selection…
In this tutorial viewers will learn how to style different bullet points for unordered lists in CSS. Begin with a normal unordered list; the default bullet point is a solid circle: In the CSS, create a defined class of unordered list by typing "ul.S…

830 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