<input type="submit" name="button" id="button" value="下一步" />按钮中添加css样式怎么显示？

Question

.button.red{
border:1px solid #b42323;
box-shadow: 0 1px 2px #e99494 inset,0 -1px 0 #954b4b inset,0 -2px 3px #e99494 inset;
background: -webkit-linear-gradient(top,#d53939,#b92929);
background: -moz-linear-gradient(top,#d53939,#b92929);
background: linear-gradient(top,#d53939,#b92929);
}

怎么改<input type="submit" name="button" id="button" value="下一步" />

Answer 1

<input type="submit" name="button"  id="button" class="button" value="下一步" />

以上是按钮的代码

然后将css的.button.red 改成 .button 就可以了。

Answer 2

<input type="submit" name="button" id="button" value="下一步" class="red" />

.red{
border:1px solid #b42323;
box-shadow: 0 1px 2px #e99494 inset,0 -1px 0 #954b4b inset,0 -2px 3px #e99494 inset;
background: -webkit-linear-gradient(top,#d53939,#b92929);
background: -moz-linear-gradient(top,#d53939,#b92929);
background: linear-gradient(top,#d53939,#b92929);
}