删除提交按钮样式

Question

有没有办法从提交按钮中删除CSS样式，以便应用默认的浏览器样式？

Answer 1

您可以将样式设置为系统值

input.overridecss {
    background-color: ButtonFace;
    color:ButtonText;
}

jsFiddle

这是一个list of values you can override，可能有一个更好的列表，但我很懒。

[编辑] 以下是已被弃用的Specification lol，

所以这是我猜的正确方法，

input[type=button] {
  appearance:push-button; /* expected from UA defaults */
}

来自Appearence

Answer 2

button {
    padding:0; margin:0,border:0;background-color:transparent;
}

怎么样？

Answer 3

如果您正在开发网站 - 只需从CSS文件中删除规则。

如果您愿意，可以使用Javascript / JQuery根据某种条件删除/重置它们，如果这就是您要查找的内容，即：

$("#myButton").css("background","");

等等......

如果您正在使用该网站，但没有构建它 - 那么您可以（根据您的浏览器 - 我正在查看Firefox 4）使用Web开发人员工具栏选项禁用所有或部分CSS渲染。但我不知道你是否可以将其作为你加载的每个网站的“默认”设置。

Answer 4

存储您在CSS类中以编程方式应用的样式。如果要返回默认值，请删除该课程。

Answer 5

好吧，如果您不介意使用jQuery，可以使用以下代码从提交按钮中删除所有样式和类。

$('input[type="submit"]').removeClass();
$('input[type="submit"]').removeAttr("style");

这将删除所有类以及内联样式，因此系统默认按钮样式将应用于所有提交按钮。

Answer 6

我发现因为我有：

* { border: 0; padding: 0; } 

等等。

在我的代码中影响提交按钮，所以我把它改为：

*:not(input) { border: 0; padding: 0; } etc etc.

这似乎解决了这个问题。