如何从HTML按钮中移除效果？

Question

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

为此，我需要从按钮上移除所有效果，例如悬停，点击（或激活）。

与Visual Studio窗体设计器的功能类似，在窗体上放置和移动它们时对控件没有影响。

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

我很感激任何帮助。

编辑：

看来我必须通过使用下面的代码解决了这个问题：

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

Answer 1

试试这个：

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

如果你想删除button删除所有效果，用button替换输入：

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

JSFiddle Demo

Answer 2

这应该只是删除所有样式的<button/>元素：

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

演示在这里： http://codepen.io/EightArmsHQ/pen/qJHas