Javascript 如何从HTML按钮中删除效果？

尝试用JavaScript创建一个表单设计器，允许用户移动、重新调整大小和旋转元素

要做到这一点，我需要删除按钮的所有效果，如悬停、单击（或活动）

与VisualStudioFormDesigner所做的类似，在窗体上放置和移动控件时不会对控件产生任何影响

不确定最佳方法，但我不想用图像替换它们，因为要重新调整按钮的大小和命名

谢谢你的帮助

编辑：

似乎我已通过使用以下代码修复了此问题：

element.onfocus = function(e) {
    this.blur();
    return false;
};

试试这个：

input, input:focus, input:hover, input:active {
    outline: none;
    box-shadow:none;
}

如果要删除

按钮

的所有效果，请将输入替换为

按钮

：

button, button:focus, button:hover, button:active {
    outline: none;
    box-shadow:none;
}

---

这应该可以删除

元素的所有样式：

button, button:active, button:focus{
  border:none;
  background:#fff;
  padding:0;
  margin:0;
  outline:none;
}

此处演示：

---

您是在谈论样式还是事件驱动行为？这将是按钮的样式，事件需要保留，以便我可以使用单击事件等。这与我想要的类似，但我仍然希望保持按钮的外观。有什么可能的办法吗？谢谢你的最新答案：）这不完全是我想要的，是的，我希望按钮看起来像正常的一样，但是在鼠标悬停和点击时移除按钮效果。例如，这是鼠标按下的效果：我正在尝试删除此效果，使其看起来像：但没有轮廓。只是一个没有“效果”的普通按钮。看来我现在已经解决了这个问题，还是谢谢你的帮助。你可以使用

outline:0

，但它改变了布局