Html 如何删除CSS鼠标下移效果

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

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

有没有CSS方法可以阻止点击按钮时出现的任何效果

谢谢你的帮助

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

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

---

（按钮是锚点内的图像）

您可以用css名称声明一个类，例如abortmousedowncss:

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

使用jquery之后，您可以像这样应用它：

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

---

您可以用css名称声明一个类，例如abortmousedowncss:

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

使用jquery之后，您可以像这样应用它：

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

---

用Chrome打开你的页面。在图元上单击鼠标右键，然后选择“检查图元”。在inspect元素处理程序的右上角，您将看到几个图标

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

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

---

因为现在您知道了规则是什么，所以可以使用另一个规则（或使用javascript）撤消它。在不知道效果是什么的情况下，很难说如何删除这些效果。

用Chrome打开页面。在图元上单击鼠标右键，然后选择“检查图元”。在inspect元素处理程序的右上角，您将看到几个图标

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

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

---

---

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

尝试检查您是否在

：focus/：active

伪类上应用了任何（默认？）样式并删除它。您需要找出效果是什么，然后使用

：active

状态覆盖它。您可以发布链接或css代码吗，或者任何可能帮助我们发现问题的东西？代码或CSS不会有帮助。我所需要知道的就是如何消除鼠标按下伪事件的影响，如果有的话！你能用小提琴重新创造你的处境吗？css是没有用的，因为它完全没有响应。我们需要实时代码。尝试检查您是否在

：focus/：active

伪类上应用了任何（默认？）样式并将其删除。您需要找出效果，然后使用

：active

状态覆盖它。您可以发布链接或css代码，或任何可能帮助我们发现问题的内容吗？代码或css不会有帮助。我所需要知道的就是如何消除鼠标按下伪事件的影响，如果有的话！你能用小提琴重新创造你的处境吗？css是没有用的，因为它完全没有响应。我们需要实时代码。如果问题是由于填充或边距等的更改引起的呢？那么只需在css中添加填充和边距值，不要忘记！重要；）我会试一试的！谢谢：）如果问题是由于填充或边距等的变化引起的呢？那么只需在css中添加填充和边距值，不要忘记！重要；）我会试一试的！谢谢：）谢谢！使用此选项，我确定当锚点处于

：活动状态时会发生这种情况。它得到一个10px的填充，如果不是
：active
，则不存在该填充。将其显式设置为
0px
可以解决此问题：）谢谢！使用此选项，我确定当锚点处于
：活动状态时会发生这种情况。它得到一个10px的填充，如果不是
：active
，则不存在该填充。将其显式设置为
0px
可以解决问题：）