Question

I am wanting to have a separate styling for my image buttons in my form so they don’t have a white background like the rest of my input elements.

This is an element I want seperate styling for:

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

This is the defailt style for all input elements:

    input
{
    background-color: #fff;
}

I would like a seperate styling for input buttons.

I have tried the following but they do not work:

    input.button.image
{
    background: none;
}

and

    input.image
{
    background: none;
}

and

input image
{
    background: none;
}

None seem to work.

Any ideas? Or explanation why this is not working?

Answer 1

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

Should do it…