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

Question

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

Answer 1

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

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

Answer 2

一般来说，如果你想在一个 select 元素上设置合适的样式，你需要制作你自己的 mock 元素（使用普通的旧 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;
}

我希望这对你有帮助