What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Can I change the color of the upload button on multiple uploads? Right now its orange. I'd like to make it a green color like the green in a stop ligh

    Asked by dynasty_four on October 06, 2011 at 02:28 PM

    I looked through the css and cant figure out if it is done by CSS or an image?

    Screenshot
  • Profile Image

    Answered by dynasty_four on October 06, 2011 at 03:26 PM

    Hey, Thanks for the response but that tells you how to change the submit button. I need to know how to change the upload button like in the picture I attached. I just don't see the name of the class or id that it's using to style it.

  • Profile Image

    Answered by AtacanC on October 06, 2011 at 03:34 PM

    Hi dynasty four,

    Thank you very much for correcting my mistake. I am sorry. I have inserted the wrong link to my post.

    Please click here to see the right thread. If you require assistance or need help, feel free to ask. We would be glad to help you.

  • Profile Image
    JotForm Support

    Answered by abajan on December 18, 2011 at 09:04 PM

    @dynasty four

    In case you have noticed that the color is not being changed in all browsers, please see this thread.

  • Profile Image
    JotForm Support

    Answered by abajan on December 20, 2011 at 04:03 AM

    Incidentally, here is the injected CSS that displays a green multi-upload button:

    .qq-upload-button {
    background: #008608;
    background: -moz-linear-gradient(top, #00CA00 0%, #003319 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00CA00), color-stop(100%,#003319));
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00CA00', endColorstr='#003319',GradientType=0 );
    text-shadow: 0 -1px #003319;
    border: 1px solid #003319;
    }

    .qq-upload-button-hover {
    background: #006B0E;
    background: -moz-linear-gradient(top, #003319 0%, #00CA00 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#003319), color-stop(100%,#00CA00));
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003319', endColorstr='#00CA00',GradientType=0 );
    }



  • Profile Image
    JotForm Support

    Answered by abajan on December 22, 2011 at 11:24 PM

    The above code has been updated to render the button correctly in IE6+ and Opera 11.10+. Please see "Custom Colors for Multi-upload buttons" in our user guide for the code.