使用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">