CSS стиль кнопки формы изображения, отдельно?

Question

Я хочу иметь отдельный стиль для моих кнопок изображений в моей форме, чтобы они не имели белого фона, как остальные мои элементы ввода.

Это элемент, для которого я хочу отдельный стиль:

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

Это стиль по умолчанию для всех элементов ввода:

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