html - 在提交按钮上应用 input.button CSS 而不更改 CSS？

Question

我有大量系统生成的 CSS 规则适用于input.button. 它们的结构是这样的：

input.button {
    /* CSS properties here */
}

我有一个表单提交按钮，它的定义如下：

<input id="submitBtn" type="submit" value="Subscribe" />

我也想input.button在此应用所有 CSS submitBtn，但不必手动修改所有原始 CSS（也将其应用于submitBtn），或手动复制所有 CSS 规则input.buttonforsubmitBtn

那么有没有办法直接利用 CSS 的意思input.button，并将其应用于提交按钮，而不更改/添加/修改/删除任何 CSS 代码？

score 1 · Accepted Answer

如果你可以改变css然后改变

input[type=submit]

如果您可以更改按钮然后更改

<input id="submitBtn" type="submit" class="button" value="Subscribe" />

score 0 · Accepted Answer

您可以尝试使用属性选择器 - input[type=button]。

score 0 · Accepted Answer

0

input.button, #submitBtn {
    /* CSS properties here */
}

于 2013-07-19T10:24:49.223 回答

score 0 · Accepted Answer

试试这个....

对于所有三种按钮：

button,input[type="button"],input[type="submit"] 
{ 
 //Line
}

score 0 · Accepted Answer

0

您只能为此按钮尝试这种方式

input[value="Subscribe"]{
 // here css style 
}

于 2013-07-19T10:33:13.020 回答

5 回答 5