css - 菜单中的下拉箭头在 wordpress 上消失了现在该怎么办？

Question

当我将光标放在主页上时，您可以看到下图，下拉菜单有效，但向下箭头符号不起作用或显示请帮帮我？

标签： csswordpressplugins

Answer 1

添加 +/-li与儿童。使用http://apps.eky.hk/css-triangle-generator/在 CSS 中生成箭头符号

li.menu-item-has-children > a:after{
    content : '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 100px 100px 0 100px;
    border-color: #007bff transparent transparent transparent;
    transition: all 0.3s ease-in-out;
}
li.menu-item-has-children:hover  > a:after{
    border-width: 0 100px 100px 100px;
    border-color: transparent transparent #007bff transparent;
}