Upload button code only works in firefox

  • Profile Image
    juicebox
    Asked on April 01, 2011 at 05:32 PM

    I added this code to the "inject custom css" does anyone know what needs to be added so it works in all browsers?

     

     

    .qq-upload-button {
    -moz-border-radius: 5px 5px 5px 5px;
    background: -moz-linear-gradient(center top , #606060 0%, #000000 100%) repeat scroll 0 0 transparent;
    border: 1px solid #000000;
    color: #fff;
    display: block;
    font-size: 16px;
    padding: 8px 0;
    text-align: center;
    text-shadow: 0 -1px #000;
    }
    .qq-upload-button-hover {
    background: -moz-linear-gradient(center top , #000000 0%, #606060 100%) repeat scroll 0 0 transparent;
    }

  • Profile Image
    brx250
    Answered on April 02, 2011 at 03:31 AM

    Hi There,

    Thank you for using JotForm!

    Unfortunately, CSS code is implemented differently by certain browsers. In an ideal world, you only need one set of CSS style sheets for your page, and those styles will work with every browser currently being used. Best thing you could do is to use browser neutral CSS styles. Try different configurations and see which one gives you a constant look across the board.

    Hope this helps.

    ___________________________________________________________

    Albert | JotForm Support