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

<分区>

想改进这个问题吗？ 更新问题，使其只关注一个问题 editing this post .

关闭 8 年前。

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

为此，我需要移除按钮的所有效果，例如悬停、单击(或激活)。

与 Visual Studio 窗体设计器所做的类似，在窗体上放置和移动控件时不会影响它们。

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

感谢任何帮助。

编辑:

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

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

最佳答案

试试这个:

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

如果你想移除 button 的所有效果，将 input 替换为 button:

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

关于javascript - 如何从 HTML 按钮中删除效果？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/24888863/

相关文章：

javascript - 如何使用 knockoutJS 呈现嵌套导航？