覆盖边界半径的完整背景

Question

如果我点击下拉项目，是否有人知道如何删除角落周围的绿色边框？

我添加了以下CSS：

.navbar-nav li {
    border-radius: 10px !important;
    border: 0px solid black !important;
    margin-right: 10px !important;
    background-color: green !important;
}

.navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    border-radius: 10px !important;
}

请查看我的JSFiddle。

亲切的问候，shub

Answer 1

我刚刚找到了解决方案。声明必须在<a>标记上。

.navbar-nav li > a, .navbar-nav li a:hover {
    border-radius: 10px !important;
    border: 0px solid black !important;
    margin-right: 10px !important;
    background-color: green !important;
}

检查我的JSFiddle。