具有悬停功能的圆角单个下拉菜单

【问题标题】：Rounded Corner single Dropdown menu with Hover functionality具有悬停功能的圆角单个下拉菜单
【发布时间】：2012-03-25 05:17:44
【问题描述】：

我是 jquery 和 javascript 的新手。我需要创建一个带有圆角的下拉菜单，该下拉菜单将基于悬停工作，如下所示。

【问题讨论】：

【解决方案1】：

http://jsfiddle.net/mk62n/1/

这在 CSS 中称为 border-radius 属性。

-webkit-border-radius:4px;
-moz-border-radius:4px;
-o-border-radius:4px;
border-radius:4px;

【讨论】：

【解决方案2】：

在悬停事件上给出边界半径

使用 CSS

select:hover {
    border-radius: 10px;
    -webkit-border-radius: 10px; /* For safari */
    -moz-border-radius: 10px; /* For mozilla */
}

这是一个使用 jQuery Snippet 的示例

$("select").hover(function() {
    $(this).css("borderRadius",10px);
});

【讨论】：