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

Question

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

对不起，以下是局部的CSS具有每计算器规定，以显示

#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操作，但你的菜单看起来很好。你最终会浪费更多时间来试图弄清楚如何使它看起来像这样。