画像付きのボタンにテキストを追加するHTML

Question

私は最初に画像であり、クリックされたときにアクションを実行するボタンを持っています。しかし、ボタンにSubmitというタイトルを追加したいと思います。

どうすればいいですか？

<form name="input" action="" method="post"> 
<input type="text" name="emailaddress" placeholder="email address" class=emailInput /> 
<button type="submit" style="border: 0; background: transparent"> 
    <img src="submit.png" width="50" height="31" class=submitButton alt="Submit" /> 
</button> 
</form> 

Answer 1

イメージは実際には私が想定しているテキストの背景なので、CSSでこれを行うことをお勧めします。

• ボタンでボタン
• に場所テキストを飾るために、CSS
• 使用ボタンの内側から画像を削除

CSS：

button { 
    background:transparent url(submit.png) no-repeat left top; 
    width:50px; 
    height:31px; 
} 

more here。