Change input style to greyed out for the read-only textbox field

  • Profile Image
    Benflips
    Asked on July 21, 2016 at 10:58 PM
    Now, can I have some help reducing the Age input (434) to the width of its
    label, and hopefully still having height and weight on the same line.
    Also, can you give me code to change the input field's appearance to look
    'greyed out' or some other appearance to differentiate it from an active
    field requiring an input. I have set the field to read-only, but that
    hasn't changed the field's appearance
    https://www.jotform.com//?formID=43420990799871
  • Profile Image
    jonathan
    Answered on July 21, 2016 at 11:12 PM

    I used the Form Designer to style specifically the Age field.

    This is the CSS code result.

    #input_434 {

        width : 35px;

        background : #e1c2c2;

    }

    You may adjust the width px and background color to your preference.

    Let us know if you need further assistance.

     

  • Profile Image
    Benflips
    Answered on July 22, 2016 at 03:45 AM
    Thank you!
    ...