Change Background Color of Text Area

[RonAnderson]

Hi, I can successfully change the colour of a Text Field with:- 

input#InsertRecordText_Field {background: #ffff99;}

If I apply the same code (input#InsertRecordText_Area {background: #ffff99;} to a text Area, it doesn't work. Does anyone know of a workaround?

I can achieve changing a Text Area background in Styles but this changes ALL of the Text Area boxes and I only want one to have the different background colour

Thanks, Ron

[Ilyrian]

Hi @RonAnderson

You can reference the TextArea by its ID. For example, if my textarea:
so you can use the following CSS code:
 

<style>
#InsertRecordTextArea1 
  {
  background-color: red;
  }
</style>

[telly]

Hi @RonAnderson,

Just to add, after the #InsertRecord you can add the field name from the table, like this #InsertRecordFIELDNAME

<style>
#InsertRecordTextArea1 
  {
  background-color: red!important;
  }
</style>

 

The !important rule in CSS is used to add more importance to a property/value than normal, basically, the system prioritizes this CSS.

[autonumber]

Hi @RonAnderson - you can also try this approach. Add this code to the header of your DataPage:

<style>
  
textarea[id="InsertRecordNotes"]{
background: red !important;
}
  
</style>

You will get the ID of the specific Text Area to which you want to apply the code and put it on the ID.