How to change CSS for hovering over an input table?

  • Profile Image
    harkive
    Asked on January 18, 2019 at 07:10 AM

    Hi. 

    I'm having a slight problem with an input table in a JotForm survey I'm creating: https://form.jotformeu.com/90094210114341

    I created the form on a white background with black text, and it included a number of Input Tables rendered in the default grey.

    I later changed the background to black with white text, but the input tables remained in great. I resolved that the help in this previous Forum post: https://www.jotform.com/answers/1252805-Changing-the-background-color-of-the-Input-Table

    However, the issue I have now is that when a user is completing an input table the text reverts to grey (See screenshot attached).

    Obviously I would like the text to remain white at all times. 

    Hope you can help.

    Kind regards




  • Profile Image
    AndrewHag
    Answered on January 18, 2019 at 09:30 AM

    Please add below custom CSS code to make the text white, while the user is completing the input table:

    .form-matrix-row-headers:focus{

      color:#ffffff !important;

    }

    .form-matrix-row-headers{

      color:#ffffff !important;

    }

    .form-matrix-column-headers:focus{

      color:#ffffff !important;

    }

    .form-matrix-column-headers{

      color:#ffffff !important;

    }

    1547821500chrome_GlWHcBgDlY.png

    To know more about injecting custom CSS code,  please check out this link:

    https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    Please try and see if this solution works for you. If not, we'll be happy to assist you further.

  • Profile Image
    harkive
    Answered on January 18, 2019 at 09:41 AM

    Thank you so much - that has worked perfectly.