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

Question

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

Answer 1

这条规则很圆滑，您应该添加代码，以便为您提供更多帮助

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

Answer 2

通常，如果要在select元素上实现体面的样式，则需要制作自己的模拟元素（使用普通的旧DIV，列表等）。 为了保留表单功能，您可以创建一个真正的隐藏SELECT并使用脚本将其状态与用户实际与之交互的模拟元素同步。

如果您是jQuery的爱好者，则可以使用jQuery UI为您做很多事情（ 例如 ）。

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

希望对您有帮助