Firebug Lite for Chrome会破坏悬停效果和鼠标悬停事件

Question

我有一个奇怪的问题:当使用Firebug Lite for Chrome时,有时悬停不起作用.

我得到了什么:div像这样:

<div class="editWindow">
    <ul>
        <li id="edCha" onclick="channels.add()">
            ????????????? ?????
        </li>
        <li id="delCha" onclick="channels.chanLink()">
            ?????????? ???????
        </li>
    </ul>
</div>

这个CSS:

.editWindow li:hover, .chooseAction li:hover {
    background: #369;
    color: white;
    cursor: pointer;
}

当我第一次打开页面然后激活Firebug时,它看起来都像这样:

但是,如果我首先激活Firebug然后打开此页面,则悬停只是不起作用.我在Firebug控制台中看不到任何错误,并且没有像这样的悬停效果(鼠标指针在那里,相信我):

我只在Chrome(Firefox运行良好)中遇到过这个问题,无论是在Win7还是在Linux(Mint 14)上.

原因是什么？我糊涂了.

编辑

当使用Force element state -> :hover的开发工具菜单,悬停风格的作品.

编辑2

我添加onmouseover="alert('test');"了其中一个li元素.在第二种情况下,alert甚至没有被召唤!

Answer 1

这可能不是您实际需要的，但如果您使用常用的 Chrome开发人员工具而不是 Chtome 的 Firebug，您可以强制元素具有某种状态。只需右键单击元素树中的元素，然后在“强制元素状态”菜单项中选择任何状态。对于修改 CSS 非常有用。恕我直言，最好使用 Chrome 中的本机工具，尽管 Firebug 可能更有用。