使用CSS/Css3设计html按钮的样式？

Question

我想用CSS3设计按钮的样式。有什么方法可以让他们风格化？

<input name="button" type="button" class="abt2" onClick="html2entities(this.form.data1)" onMouseOver="this.className='abt2 abt2hov'" onMouseOut="this.className='abt2'" value="Convert"> 
     <input onMouseOver="this.className='abt3 abt3hov'" onMouseOut="this.className='abt3'" class="abt3" name="Clear" value=" Clear " type="reset"> 

Answer 1

不使用abt3 abt3hov。

使用abt3：悬停

.abt3 { background-color: brown; color:red} 
 
.abt3:hover { color:white; }

<input class="abt3" name="Clear" value=" Clear " type="reset">