Question

我在Safari和Chrome中遇到此问题但在IE中没有。当我单击一个按钮时，mousedown事件会触发某种CSS规则，使其略宽。因此，它会下降到下一行，并且不会触发click事件。它将保留在下一行，直到释放鼠标按钮。

我在一个现有的大型网站上工作，很难隔离所有的CSS，但我认为这可能是由于浏览器固有的影响。

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

感谢您的帮助。

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

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

（按钮是锚内的图像）

Answer 1

使用Chrome打开您的页面。右键单击元素并选择inspect元素。在inspect元素处理程序的右侧角上，您将看到很少的图标。

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

将元素状态更改为活动状态（如果没有更改任何内容，则将焦点更改），现在您将能够看到使用哪些css规则将这些更改应用于按钮（可以是填充或宽度）。

由于您现在知道规则是什么，您可以使用其他规则（或使用javascript）撤消它。很难说在不知道效果的情况下如何去除效果。

Answer 2

你可以用css名称声明一个类，例如abort mousedown css：

.abortmousedowncss{
width:yourwidth; !important /* this dont allow any css to overide it ;)*/
}

你可以用jquery之后应用它：

$('#yourbutton').addClass("abortmousedowncss");