How to have rounded corners on all form widgets?

  • Profile Image
    Asked on April 11, 2017 at 02:23 PM

    Prior to transitioning to JotForm 4.0, I was able to inject the following CSS into my form and round the corners of my form widgets.  This functionality appears to no longer function.  Here is the injected CSS:


    .form-all input,textarea,select {

        border : 1px;

        -webkit-border-radius : 5px;

        -moz-border-radius : 5px;

        border-radius : 5px;

        padding : 4px;



    What am I missing?  



  • Profile Image
    Answered on April 11, 2017 at 05:11 PM

    I've checked your form and I could see the CSS code you've injected works fine, here's a screenshot of the fields in your form: 

    I've already cleared your forms cache so the latest version should be loaded, could you please test and let us know if you still do not see the CSS applied? 

    We'll wait for your response. 

  • Profile Image
    Answered on April 11, 2017 at 11:13 PM


    Thank you so much.  Yes, it is working.  I think I confused myself expecting to see it while developing it on jotform site.  Outside of Jotform, it is just fine as you said!

    I'm sorry for wasting your time.

    Thank you for your support!