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

时间:2012-06-12 16:36:34

标签: html css

我正在尝试用圆角选择菜单,但我的小提琴没有运气,有什么建议吗?

3 个答案:

答案 0 :(得分:3)

这个规则制作圆角,你应该添加你的代码,这样我可以帮你多一点

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

答案 1 :(得分:1)

通常,如果你想在select元素上使用合适的样式,你需要创建自己的mock元素(用普通的旧DIV,列表等)。为了保留表单功能,您可以创建一个真正隐藏的SELECT并使用脚本将其状态与用户实际交互的mock元素进行同步。

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

答案 2 :(得分:0)

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

我希望这可以帮到你