css - 菜单鼠标悬停的 CSS 修复

Question

在这个页面上，有一个菜单，在“生活”下有一个自动生成的子菜单。子菜单有一些问题（它会闪烁并改变大小 - 你会看到是否滚动它）。不知何故，我需要覆盖它当前正在读取的 css 并使其统一。

有什么建议么？

谢谢 - 塔拉

Answer 1

从第 744 行开始/wp-content/themes/primus/primus/style.css，你有这个 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以匹配之前的内容hover：

padding: 7px 10px

Answer 2

这是因为您设置了：

padding: 7px 10px 7px 10px;

在 a:link 上。然后在 a:hover 上将 padding 设置为 0。

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