Wordpress

Question

我刚刚在 Wordpress 的导航栏菜单中添加了一个名为 "Test" 的按钮：http://honigwerk.com/test/

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

.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

是因为在link本身(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;
}

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

Wordpress - CSS Remove bottom-border navbar

css

border