Html Chrome在悬停时忽略了我菜单的圆角

我有一个问题，Chrome忽略了鼠标悬停时菜单的圆角。这在Firefox中起作用，在鼠标悬停之前，它也可以使角落（在chrome中）变圆，但是在鼠标悬停时，我的角落变方了。我错过什么了吗？我的HTML由标准ul组成

#nav > ul > li:first-child a:hover {
-moz-border-radius-bottomleft: 4px;
-webkit-border-radius-bottomleft: 4px !important;
-border-bottom-left-radius: 4px !important;
-moz-border-radius-topleft: 4px;
-webkit-border-radius-topleft: 4px !important;
-border-top-left-radius: 4px !important;
background: url(../images/menu-back-hover.png) repeat-x;
}

---

webkit浏览器（即chrome）的选择器应为：

-webkit-border-top-left-radius:  4px;
-webkit-border-bottom-left-radius:  4px;

---

webkit浏览器（即chrome）的选择器应为：

-webkit-border-top-left-radius:  4px;
-webkit-border-bottom-left-radius:  4px;

---

以下内容应用于父元素，边界半径应用于将webkit踢回我的行中：

-webkit-mask-image: -webkit-radial-gradient(white, black);

另一个选项是将元素包装在两个边界半径父元素中

---

对我来说，这似乎有点骇人听闻，但比“双包裹”选项要好得多–有兴趣听到其他解决方案。

以下内容应用于父元素，并应用了边框半径，以将webkit重新对齐：

-webkit-mask-image: -webkit-radial-gradient(white, black);

另一个选项是将元素包装在两个边界半径父元素中

---

对我来说，这似乎有点骇人听闻，但比双包装选项要好得多–有兴趣听听其他解决方案。

哇。。。我已经做了一千次了。我真不敢相信我错过了。但它确实解决了这个问题。这绝对是为了证明一双额外的眼睛有多大的帮助。谢谢哇！我已经做了一千次了。我真不敢相信我错过了。但它确实解决了这个问题。这绝对是为了证明一双额外的眼睛有多大的帮助。谢谢