通过选择选项标签自定义下拉菜单？

Question

我的领导告诉我，选择选项无法完全定制。因此，我必须使用ul li来制作以下css样式。 http://jsfiddle.net/C5mTf/59/

抱歉，以下是部分css必须按每个stackoverflow要求显示

#menu ul:hover .item:last-child{
    border-bottom: 1px solid #cbc5cd;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

以下是要求： 1.在初始阶段，下拉菜单仅显示带圆角的第一个项目。 2.如果将鼠标移到菜单上，它将显示整个框圆角的所有项目。 3.单击任何项​​目或离开菜单后，下拉菜单将隐藏除选定项目之外的所有项目

有没有办法使用select和option标签来构建相同的CSS外观？

Answer 1

对于跨浏览器呈现，答案是否定的。有一些jquery插件可以对选择进行大量的dom操作，但是你的菜单看起来很好。你最终会浪费更多的时间来弄清楚如何使它看起来那样。