html - 如何删除 CSS mousedown 效果

Question

我在 Safari 和 Chrome 中遇到了这个问题，但在 IE 中没有。当我单击一个按钮时，mousedown 事件会触发某种 CSS 规则，使它稍微变宽。因此，它会下降到下一行，并且不会触发点击事件。它会停留在下一行，直到松开鼠标按钮。

我正在处理现有的大型网站，很难隔离所有 CSS，但我认为这可能是浏览器固有的影响造成的。

有没有一种 CSS 方法可以阻止单击按钮时发生的任何效果？

感谢您的帮助。

这是我为 :active/:hover 找到的 CSS。我不认为这会导致它!

a:hover, a:active
{
    text-decoration: none;
}

(按钮是 anchor 内的图像)

Answer 1

使用 Chrome 打开您的页面。右键单击元素并选择检查元素。在检查元素处理程序的右上角，您会看到几个图标。

点击中间的那个(它有一个箭头。当你悬停它时，标签将显示为“切换元素状态”)。

将元素状态更改为事件状态(如果它没有改变任何东西则聚焦)，现在您将能够看到哪些 css 规则用于将这些更改应用到您的按钮(它可以是填充或宽度).

因为现在您知道规则是什么，您可以使用另一个规则(或使用 javascript)撤消它。在不知道效果是什么的情况下很难说如何去除效果。