What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.

  • Profile Image

    How can I change the appearance of a protected field?

    Asked by john.roscoe on April 22, 2014 at 04:20 AM

    I have found some users have got frustrated trying to enter data into a write-protected field and so have not completed the form.

    I would like to remove the box-border around specific fields so they dont appear like a data entry field. 

    I know how to embed CSS and change styles, but cant find the right codes for what I want. Please help.

    My CSS is

    #id_109.form-input {

    border: none !important;


  • Profile Image
    JotForm Support

    Answered by ashwin_d on April 22, 2014 at 05:48 AM

    Hello John.roscoe,

    Upon checking your form "Clone of Assembly Week 2014", I did not find any field which is read only. The field related to id_109 is "Assistance" question of your form and it is not a read only field.

    Please let us know the specific field for which you want to remove the border and we will send you the custom css code.

    Example if you want to remove the border of your "Assistance" input field, you need to inject the following custom css:

    input#input_109 {

    border: none;


    We will wait for your response.

    Thank you!

  • Profile Image

    Answered by john.roscoe on April 22, 2014 at 07:13 AM

    Thanks so much for getting back so quickly!

    The form you looked at is only a clone and used for testing only.  My REAL form is due to go live in 1 week for a large conference so I hope nothing will go wrong.

    Here is my CSS and it works exactly as I wanted thanks. These fields are all calculated values and are read only.

    input#input_41, #input_5, #input_168 {

    border: none;


  • Profile Image

    Answered by KadeJM on April 22, 2014 at 09:44 AM

    On behalf of my colleague whom helped you, you are very welcome. The injected CSS code will work for your clone as intended as long as it is an exact copy and nothing further has been changed in it after you cloned it. If you run into any further problems with it just let us know and we'll do what we can to help you out more.