【发布时间】：2012-12-20 13:28:26
【问题描述】：
使用 HTML <button> 时，只要按下按钮，它就会移动一点。显示它实际上是一个按钮的小动画。
我正在寻找一种方法让它保持原样，并使用鼠标事件强制我的动画。
我刚开始只是放置一个<img> 并使用mouse events 交换图片。这工作得很好，除了它有一些我似乎无法摆脱的副作用。对于初学者，可以拖动图片，如果只是按下按钮 - 按住 - 并决定要离开按钮，这看起来很奇怪。我可以关闭“可拖动”，但它会显示一个蓝色方形选择框，这是非常不需要的。
我的解决方案是把它放在<button> 元素上（隐藏背景和边框）。这解决了所有问题，除了它稍微向一边摆动。
我尝试禁用它，但这也禁用了 javascript 事件。
如何强制按钮即使被点击也保持原位？
【问题讨论】：
-
我不是 100% 确定问题出在哪里。你不能只使用一些 CSS 来设置按钮的样式吗