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

  • Profile Image
    dynasty_four
    Asked 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?

  • Profile Image
    dynasty_four
    Answered 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
    AtacanC
    Answered 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
    abajan
    Answered 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
    abajan
    Answered 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
    abajan
    Answered 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.