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

【问题标题】：How to make a select menu with rounded corners如何制作带有圆角的选择菜单
【发布时间】：2012-06-15 14:05:46
【问题描述】：

我正在尝试对带有圆角的选择菜单进行 CSS，但我的摆弄没有这样的运气，有什么建议吗？

【问题讨论】：

如果您使用select 元素，那么它们的样式很难设置，因为它们通常/大部分是由操作系统/平台而不是浏览器呈现的；所以并不是所有的 CSS 都被应用。而且，跨浏览器，应用和不应用之间的差异变得更加难以预测。

标签： html css

【解决方案1】：

这个规则是圆角的，你应该添加你的代码，这样我可以帮助你更多

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

【讨论】：

【解决方案2】：

一般来说，如果您想在一个选择元素上设置合适的样式，您需要制作自己的模拟元素（使用普通的旧 DIV、列表等）。要保留表单功能，您可以创建一个真正的隐藏 SELECT 并使用脚本将其状态与用户实际交互的模拟元素同步。

如果您是 jQuery 的粉丝，您可以使用 jQuery UI 为您完成大部分工作 (example)。

【讨论】：

【解决方案3】：

我不是 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;
}

希望对你有帮助

【讨论】：

解决方案：stackoverflow.com/questions/19444347/…