Spreadsheet widget first row background is different on Chrome

  • marchitect
    Asked on June 13, 2015 at 6:14 PM

    HI, i resolved the problem but now i'have  another one. I canghed the first line (A-B-C-D) with other word and other color...it's go perfect! But i can't see the color posted in CHROME, it go perfect in FIREFOX and EXPLORER...but the background  color it's TRASPARENT in CHROME...  

    i USED THIS CSS CUSTOM:

    tr:first-child {
        background: none #DC143C;
       
    }
    th#col_A {
        max-width: 0;
        visibility: hidden;
    }
    th#col_A:before {
        content: "TIPOLOGIA";
        color: #000060;
        visibility: visible;
    }
    th#col_B {
        max-width: 0;
        visibility: hidden;
    }
    th#col_B:before {
        content: "n°PAX";
        color: #000060;
        visibility: visible;
    }
    th#col_C {
        max-width: 0;
        visibility: hidden;
    }
    th#col_C:before {
        content: "€ a PERSONA";
        color: #000060;
        visibility: visible;
    }
    th#col_D {
        max-width: 0;
        visibility: hidden;
    }
    th#col_D:before {
        content: "€ TOTALE";
        color: #000060;
        visibility: visible;
    }

    .A input{width: 120px;text-align:left;}
    .A input{height: 16px;text-align:left;}
    .B input{width: 120px;text-align:right;}
    .C input{width: 120px;text-align:right;}
    .D input{width: 130px;text-align:right;}

  • jonathan
    Replied on June 14, 2015 at 6:57 AM

    Can you please check my test form http://form.jotformpro.com/form/51642236963963?

    Spreadsheet widget first row background is different on Chrome Image 1 Screenshot 20

    this is the CSS code I used

     

    tr:first-child {

        background: none #DC143C;

       

    }

     

    th#col_A {

        max-width: 0;

        color: #DC143A;

        background-color: #DC143A !important

    }

    th#col_A:before {

        content: "TIPOLOGIA";

        color: #000060;

        visibility: visible;

        background: #DC143C !important;

    }

    th#col_B {

        max-width: 0;

        color: #DC143A;

        background-color: #DC143A !important

    }

    th#col_B:before {

        content: "n°PAX";

        color: #000060;

        visibility: visible;

        background: #DC143C !important;

    }

    th#col_C {

        max-width: 0;

        color: #DC143A;

        background-color: #DC143A !important

    }

    th#col_C:before {

        content: "€ a PERSONA";

        color: #000060;

        visibility: visible;

        background: #DC143C !important;

    }

    th#col_D {

        max-width: 0;

        color: #DC143A;

        background-color: #DC143A !important

    }

    th#col_D:before {

        content: "€ TOTALE";

        color: #000060;

        visibility: visible;

    }

     

    .A input{width: 120px;text-align:left;}

    .A input{height: 16px;text-align:left;}

    .B input{width: 120px;text-align:right;}

    .C input{width: 120px;text-align:right;}

    .D input{width: 130px;text-align:right;}

     

    .C function onlynumbers{

      Filtro = /[^0-9,.]/;

      s.value = s.value.replace(Filtro,"");

    }

     

    Let us know if this works for you or not...

     

    Thanks.