Question

我正在使用wordpress插件，它将一些CSS格式应用于所有输入标签。我希望我的提交按钮没有这些，而是使用默认的css设置（由浏览器应用）。

我怎么能

将CSS应用于提交按钮以外的所有输入标记（输入类型=“提交”） OR
从提交按钮中删除所有自定义CSS？

感谢。

Answer 1

在CSS3中，您可以将所有元素定位到x，而不是：

*:not(x) {
    // some css
}

See here

我不确定CSS2是否可行（不使用javascript，正如Jeff在评论中指出的那样）。

Answer 2

对于第1项，您只需识别未提交的输入类型，ala：

input[type=text], input[type=password],input[type=checkbox], input[type=radio],
textarea, select {
    background-color:#fff;
    border: 1px solid #bbb;
}

对于第2项，您需要为提交按钮分配和ID，然后覆盖它要继承的所有要删除的样式。

Answer 3

使用jquery，类似下面的内容应该有效：

$('input[type=submit]').removeAttr("class")

这很快拼凑在一起，没有经过测试。

Answer 4

出于跨浏览器的原因，这可能会有问题。

input[type="submit"] { margin:0; padding:0; background:#fff;border:.... }

目标只是提交输入，但它与IE6不兼容。

input:not([type="submit"]) {...}

定位所有非类型文本的输入，但它们与IE6,7或8不兼容。

如果你担心IE6，你将不得不手动覆盖style.css中的类

在此处查看兼容性矩阵：http://www.quirksmode.org/css/contents.html#CSS3

从单个标记中删除所有格式

4 个答案: