Wordpress - CSS删除底部边框导航栏

Question

我刚刚在Wordpress的导航栏菜单中添加了一个按钮，名为＆＃34;测试＆＃34;：http://honigwerk.com/test/

我创建了一个名为.btn的类来个性化其属性：

.btn {
    box-shadow: none;
    background: #fee54b;
    background-image: -webkit-linear-gradient(top, #fee54b, #fdc509);
    background-image: -moz-linear-gradient(top, #fee54b, #fdc509);
    background-image: -ms-linear-gradient(top, #fee54b, #fdc509);
    background-image: -o-linear-gradient(top, #fee54b, #fdc509);
    background-image: linear-gradient(to bottom, #fee54b, #fdc509);
    border-radius: 8px;
    color: #b77d02;
    border-bottom: none;
}

.btn:hover {
    box-shadow: none;
    background: #fcd63c;
    text-decoration: none;
    border-bottom: none;
}

我希望在悬停时删除元素下的边框，但我不能。看起来它忽略了 border-bottom：none; 语句......

你能在这帮我吗？

非常感谢！

Answer 1

这是因为它在链接本身（a）。所以如果你使用：

.btn:hover > a{
    border-bottom: none !important;
}

它应该有用。

Answer 2

在你的css中添加：

.btn a { border-bottom: none !important; }

Answer 3

尝试使用重要属性：

.btn > a:hover {
    border: 0 none !important;
}