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

  • 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
  • jonathan
    Replied on July 21, 2016 at 11:12 PM

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

    Change input style to greyed out for the read only textbox field Image 1 Screenshot 20

    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.

     

  • Benflips
    Replied on July 22, 2016 at 3:45 AM
    Thank you!
    ...