How to make image used for submit button turn cursor to a hand

  • Profile Image
    wjkirby287
    Asked on December 05, 2012 at 01:12 PM

    Is there a way to make the image used for the submit button turn the cursor into a little hand as if it were a link. For instance if you use the button you have incorportated in Jotform when you put your cursor on it a little hand will show up, but when you use an image it doesn't do anything. Giving the appearance at times that it is not a button. Could you point me in the right direction please?

  • Profile Image
    NeilVicente
    Answered on December 05, 2012 at 01:21 PM

    Hello,

    Kindly inject the following CSS codes to your form:

    .form-submit-button-img {
    cursor: pointer;
    }

    To inject: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    Incidentally, I'll be passing a request ticket to our developers to enable this option by default.

    Thanks!

  • Profile Image
    liyam
    Answered on December 05, 2012 at 01:25 PM

    Hello wjkirby287.  To expand NeilVicente's response, for cross browser compatibility, please do add also cursor: hand; so it will look like this:

    .form-submit-button-img {
    cursor: pointer;
    cursor: hand;
    }