具有特定属性的标签的CSS？

我想用CSS设置一个表单。我正在使用

#email input{}

来更改输入的外观。但是，我希望submit按钮的样式稍有不同。我怎样才能做这样的事情：

#email input {
    width: 614px;
    height: 30px;
    color: #000000;
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    margin: 5px;
    font-size: 26px;
    padding-left: 3px;
    padding-right: 3px;
}
#email input:type:submit {
    width: 620px;
    height: 30px;
    color: #000000;
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    margin: 5px;
    font-size: 26px;
    padding-left: 3px;
    padding-right: 3px;
}

#email input[type="submit"] { /* your styles here */ }

应该做到这一点…

您正在寻找的是。方括号基于元素的属性进行匹配

在您的情况下，它将是这样的：

#email input {
    width: 614px;
    height: 30px;
    color: #000000;
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    margin: 5px;
    font-size: 26px;
    padding-left: 3px;
    padding-right: 3px;
}
#email input:type:submit {
    width: 620px;
    height: 30px;
    color: #000000;
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    margin: 5px;
    font-size: 26px;
    padding-left: 3px;
    padding-right: 3px;
}

#email input[type="submit"] { /* your styles here */ }