如何制作圆角选择菜单

我想CSS选择圆角的菜单，但我的小提琴没有这样的运气，有什么建议吗？如何制作圆角选择菜单

2012-06-12 James

如果您使用'select'元素，那么它们的风格很难处理，因为它们通常/大部分是由OS /平台而不是浏览器呈现的;所以并不是所有的CSS都被应用。而且，跨浏览器，应用程序和不应用程序之间的差异变得更难以预测。 –

我不是在CSS专家，但我想你会不得不做这样的事情

#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; 
}

我希望这可以帮助您

来源

2012-06-12 16:41:54

解决方案：http://stackoverflow.com/questions/19444347/how-to-make-select-dropdown-with-rounded-border?answertab=active#tab-top – webx

该规则使圆角，你应该添加代码，以便我可以帮你多一点

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

来源

2012-06-12 16:38:42

一般来说，如果你想有一个选择的元素上体面的造型，你需要使自己的模拟元素（出普通的旧资料核实，列表和这样的）。为了保留表单功能，您可以创建一个真正的隐藏SELECT并使用脚本将其状态与用户实际与之交互的模拟元素进行同步。

如果你是jQuery的粉丝，你可以使用jQuery UI为你做很多事情（example）。

来源

2012-06-12 16:50:58 Brendan

如何制作圆角选择菜单

回答

相关问题