How to style a form: Adding input box outline.

  • Profile Image
    drunkenmonkey
    Asked on December 30, 2013 at 02:42 PM

    Hi,

    Is it possible to change the input box outline color?

    Currently it's light grey which is hard to see.

    http://screencast.com/t/9Fdr6QjXVbQ

    For example make the actual input box outline orange for example?

    Thanks

  • Profile Image
    Mike_T
    Answered on December 30, 2013 at 03:46 PM

    Thank you for contacting us.

    Yes, this is possible. We can style the form by injecting a custom CSS into the form. Please see the following article:

    How to Inject Custom CSS Codes

    In order to get the orange outline on your form elements, try the following CSS:

    .form-textbox, .form-textarea, .form-radio-other-input, .form-checkbox-other-input, .form-captcha input, select {
    border: 1px solid orange;
    }

    Example:

    http://form.jotformpro.com/form/33635998155973

    If you need any further assistance, please let us know.

  • Profile Image
    drunkenmonkey
    Answered on December 30, 2013 at 06:10 PM

    Hi thanks.

    That worked perfectly.

    Thank you!

  • Profile Image
    Mike_T
    Answered on December 30, 2013 at 06:15 PM

    You are quite welcome. Thank you for using our service :)