我有一个下拉列表，其底角有一个li，当您将鼠标悬停在li项目上时，我想更改这些项目的颜色。但是，当您将鼠标悬停在最后一个列表项上时，background-color会覆盖边框半径。当我将鼠标悬停在最后一个li项目上时，如何保留父容器的li？

<代码>.菜单{最大宽度：200px；列表样式：无；填充：0；边框：1px实线#CCC；border-radius：0010px 10px；}.menu.menu-item{填充：0.5rem；底部边框：1px实线#CCC；}.menu.menu-item：last-child{border-bottom：无；}.menu.menu-item：悬停{背景色：#222；颜色：#FFF；}

<代码><；UL CLASS=“菜单”>；<；Li CLASS=“ menu-item ”>；菜单项文本<；/Li>；<；Li CLASS=“ menu-item ”>；菜单项文本<；/Li>；<；Li CLASS=“ menu-item ”>；菜单项文本<；/Li>；<；Li CLASS=“ menu-item ”>；菜单项文本<；/Li>；<；Li CLASS=“ menu-item ”>；菜单项文本<；/Li>；<；/UL>；

顺晟科技：

<代码>.菜单{最大宽度：200px；列表样式：无；填充：0；边框：1px实线#CCC；border-radius：0010px 10px；}.menu.menu-item{填充：0.5rem；底部边框：1px实线#CCC；}.menu.menu-item：last-child{border-bottom：无；border-radius：0010px 10px；}.menu.menu-item：悬停{背景色：#222；颜色：#FFF；}

<代码><；UL CLASS=“菜单”>；<；Li CLASS=“ menu-item ”>；菜单项文本<；/Li>；<；Li CLASS=“ menu-item ”>；菜单项文本<；/Li>；<；Li CLASS=“ menu-item ”>；菜单项文本<；/Li>；<；Li CLASS=“ menu-item ”>；菜单项文本<；/Li>；<；Li CLASS=“ menu-item ”>；菜单项文本<；/Li>；<；/UL>；

，也会保持格式。