CSSはフォームイメージボタンを別にスタイリングしますか？

Question

フォームの画像ボタンに別のスタイリングをしたいので、残りの入力要素のように白い背景がありません。

<input id="confirm_quote" width="60" type="image" height="60" name="confirm_quote" src="img/go.png"> 

これは、すべての入力要素のためのdefailtスタイルです：

input 
{ 
    background-color: #fff; 
} 

私は入力ボタンの別々のスタイリングをしたいと思います

これは私がのために別々のスタイリングがしたい要素です。

私は次のことを試してみましたが、彼らは動作しません：

input.button.image 
{ 
    background: none; 
} 

と

input.image 
{ 
    background: none; 
} 

と

input image 
{ 
    background: none; 
} 

どれも動作するようには思えません。

アイデア？なぜこれがうまくいかないのか説明？それを行う必要があります

Answer 1

input[type="image"] { 
    background: transparent; 
} 

...

Answer 2

あなたはこのCSSを試してみて下さい。

input[type=image] 
{ 
background-image:your-image path; 
width-size; 
height-size; 
background-repeat:no-repeat; 
background-color:transparent; 
border:0px; 
}