CSS 修复菜单鼠标悬停问题

Question

在此页面上，有一个菜单，其中“life”下有一个自动生成的子菜单。子菜单存在一些问题（它会闪烁并改变大小 - 如果您滚动它，您就会看到）。不知何故，我需要覆盖它当前正在读取的CSS并使其统一。

有什么建议吗？

谢谢-塔拉

Answer 1

从 /wp-content/themes/primus/primus/style.css 的第 744 行开始，您有以下 CSS：

#catmenu  li li a:hover, #catmenu  li li a:active {
    background:#fff ;
    width: 150px;
    float: none;
    margin: 0px;
    padding: 0px 10px 0px 10px;
    color:#ff9999;

    }

更改 padding 以匹配 之前的内容>悬停：

padding: 7px 10px

Answer 2

设置了

padding: 7px 10px 7px 10px;

这是因为您在 a:link 上 ：。然后在 a:hover 上将 padding 设置为 0。

尝试为这两种行为设置相同的填充值。