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;
}