css – 适用于Chrome的Firebug Lite会破坏悬停效果和鼠标悬停事件

前端之家收集整理的这篇文章主要介绍了css – 适用于Chrome的Firebug Lite会破坏悬停效果和鼠标悬停事件前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个奇怪的问题:当使用 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元素状态时 – > :悬停在开发工具菜单中,悬停样式有效.

编辑2

添加了onmouSEOver =“alert(‘test’);”这些li元素中的一个.在第二种情况下,警报甚至没有被调用

解决方法

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

猜你在找的CSS相关文章