CSS:悬停时阴影不会消失

Question

我用几个按钮做了一个小菜单.我在菜单按钮上添加了一个阴影.它完美地运作.我想在菜单中做一些"深度",所以它们真的变成了"按钮".如果你玩阴影,这很有效.没有任何动作,阴影应位于左上角.

#menu ul li {
    -moz-box-shadow: -3px -3px -3px #888;
    -webkit-box-shadow: -3px -3px -3px #888;
    box-shadow: -3px -3px -3px #888;
}

但是一旦我将鼠标悬停在它上面,即使我这样做,这个阴影也不想消失

#menu ul li:hover {
    border-radius: 5px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

为什么不想离开呢？

Answer 1

尝试这个：

box-shadow: 0 0 0;

还有其他 CSS 应用于您的吗li？这可能会造成干扰。