How can I change the appearance of a protected field?

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;

}

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!

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;

}

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.