CODEWITHSUNDEEP
htmlcss
James
James

Reputation: 2999

How to make a select menu with rounded corners

I am trying to css a select menu with rounded corners but my fiddling has had no such luck, any suggestions?

Upvotes: 0

Views: 7506

Answers (3)

Brendan
Brendan

Reputation: 1883

Generally, if you want decent styling on a select element, you need to make your own mock element (out of plain old DIVs, lists, and such). To preserve form functionality, you can create a real hidden SELECT and use script to synchonize its state with the mock element the user is actually interacting with.

If you're a fan of jQuery, you can use jQuery UI to do much of this for you (example).

Upvotes: 1

ebram khalil
ebram khalil

Reputation: 8321

I'm not expert in CSS but i think you 'll have to do something like that

#myDivID
{
-moz-border-radius-bottomleft: 6px;
-moz-border-radius-bottomright: 6px;
-webkit-border-bottom-left-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
}

I hope this help you

Upvotes: 0

Nicolás Torres
Nicolás Torres

Reputation: 1345

This rules make rounded corners, you should add your code so I can help you a bit more

  -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;

Upvotes: 3

Related Questions