如何制作带有圆角的选择菜单

Question

我正在尝试使用带有圆角的css选择菜单，但是我的摆设没有这种运气，有什么建议吗？

Answer 1

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;

Answer 2

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 ).

Answer 3

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