html - CSS - 改变按钮颜色？

Question

我正在使用以下代码为所有按钮设置外观:

input[type=submit] {
font-family: Modern, serif;
border: none;
margin-right: 1em;
padding-left: 30px;
padding-right: 30px;
text-decoration: none;
font-size: 20px;
background: #549396;
color: white;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
position: relative;
}

问题是我所有的按钮都是一样的，我希望能够调用某些按钮并改变它们的外观。例如蓝色的关注按钮和灰色的取消关注按钮。谢谢大家

Answer 1

你想做的似乎是一个“hack”。您有许多具有相同 HTML 的按钮，而您只想更改其中的一些？

考虑到您正在使用表单...那么您就有了一个表单名称。

您可以使用此 CSS:

form[name=login] input[type=submit]
{
    background: green;
}

form[name=subscribe] input[type=submit]
{
    background: red;
}

我假设您的表单有一个名称。