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

Question

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

抱歉，以下是根据 stackoverflow 要求必须显示的部分 CSS

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

以下是要求:1.初始阶段，下拉菜单仅显示第一个圆 Angular 项目。2.如果将鼠标移到菜单上，则会显示所有项目，并且整个框呈圆 Angular 。3.点击任意项目或离开菜单后，下拉菜单将隐藏除所选项目之外的所有项目

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

Answer 1

对于跨浏览器渲染，答案是否定的。有一些 jquery 插件可以对选择进行大量 dom 操作，但您的菜单看起来不错。你最终会浪费更多的时间来试图弄清楚如何让它看起来像那样。