如何从HTML按钮中删除效果?

时间:2014-07-22 13:34:44

标签: javascript html css button

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

要做到这一点,我需要删除按钮上的所有效果,例如悬停,点击(或激活)。

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

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

我感谢任何帮助。

修改

似乎我已经使用以下代码解决了这个问题:

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

2 个答案:

答案 0 :(得分: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

答案 1 :(得分:0)

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

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

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