Replacing the Submit button with an image

lp

lpowlette 24 Mar, 2015

Hi,

I have created a form with a submit button but I would like to replace the Submit button with my own image. Is this possible? If so, how can I do this?

Luther

fa

fasenderos 25 Mar, 2015

Yes, use css
HTML


<div class="myButton"><input type="submit" name="" value=""></div>

CSS


div.myButton input {
    background:url(/images/Btn.PNG) no-repeat;
    cursor:pointer;
    width: 200px;
    height: 100px;
    border: none;
}

Gr

GreyHead 25 Mar, 2015

Hi Luther,

You can use CSS to format the button; or you can use a Custom Code element to add custom HTML for the button - it just needs to behave like a submit button when clicked.

Bob

This topic is locked and no more replies can be posted.