# Filter Table Text Field Background Colour Change

**URL:** <https://forum.inductiveautomation.com/t/filter-table-text-field-background-colour-change/94493>\
**Category:** Ignition\
**Tags:** ignition81, perspective\
**Created:** [August 12, 2024, 7:15am UTC](https://forum.inductiveautomation.com/t/filter-table-text-field-background-colour-change/94493 "2024-08-12T07:15:30Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![sivanesan\_senthilkum](https://avatars.discourse-cdn.com/v4/letter/s/e47774/32.png) [@sivanesan\_senthilkum](https://forum.inductiveautomation.com/u/sivanesan_senthilkum)\
**Post date:** [August 12, 2024, 7:15am UTC](https://forum.inductiveautomation.com/t/filter-table-text-field-background-colour-change/94493/1 "2024-08-12T07:15:30Z")

</div>

![imageedit_2_5239073048](https://us1.discourse-cdn.com/inductiveautomation/original/3X/6/8/68dcce0b58e27d1b5d80d73de46d84971275905e.jpeg)  
Hello,  
I am trying to change the background colour of the filter text field within a table. Currently, I am only able to change the colour of the area outside the filter text field.

---

<div class="post-metadata">

**Author:** ![Alejandro\_Alaco](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/alejandro_alaco/32/59849_2.png) [@Alejandro\_Alaco](https://forum.inductiveautomation.com/u/Alejandro_Alaco)\
**Post date:** [August 12, 2024, 7:57am UTC](https://forum.inductiveautomation.com/t/filter-table-text-field-background-colour-change/94493/2 "2024-08-12T07:57:27Z")

</div>

2 ways I think you could do this

-In the same place you changed border-color: red; add new value background-color:#f0f044;

-In your stylesheet.css you can change the background color of that textbox with something like:

```python
.filterCommon .ia_inputField {
    background-color: #55f0f0; /* Change to your desired color */
}

```

![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/d/0/d0212c10bf34cb108590fce8d74c6f274c08a8c7.png)

---

<div class="post-metadata">

**Author:** ![sivanesan\_senthilkum](https://avatars.discourse-cdn.com/v4/letter/s/e47774/32.png) [@sivanesan\_senthilkum](https://forum.inductiveautomation.com/u/sivanesan_senthilkum)\
**Post date:** [August 12, 2024, 9:09am UTC](https://forum.inductiveautomation.com/t/filter-table-text-field-background-colour-change/94493/3 "2024-08-12T09:09:00Z")

</div>

Hi ,  
I have Highlighted using the Pen Tool for Pointing out the Place where Colour need to change  
I have applied the CSS to the Filter Style class , Background colour is changed around the 'Filter table...' Text Filed

---

<div class="post-metadata">

**Author:** ![Alejandro\_Alaco](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/alejandro_alaco/32/59849_2.png) [@Alejandro\_Alaco](https://forum.inductiveautomation.com/u/Alejandro_Alaco)\
**Post date:** [August 12, 2024, 9:22am UTC](https://forum.inductiveautomation.com/t/filter-table-text-field-background-colour-change/94493/4 "2024-08-12T09:22:46Z")

</div>

If can´t find the property of that background you should do it this way:

-Edit your stylesheet.css you and add the background-color property:

```python
.filterCommon .ia_inputField {
    background-color: #55f0f0; /* Change to your desired color */
}

```

![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/e/d/ed7826372abcef9d860b9c63487fab732e90628d.png)

![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/f/d/fd5ad2d26390740498c3f9af2d6de171edbebced.png)

---

<div class="post-metadata">

**Author:** ![sivanesan\_senthilkum](https://avatars.discourse-cdn.com/v4/letter/s/e47774/32.png) [@sivanesan\_senthilkum](https://forum.inductiveautomation.com/u/sivanesan_senthilkum)\
**Post date:** [August 12, 2024, 9:26am UTC](https://forum.inductiveautomation.com/t/filter-table-text-field-background-colour-change/94493/5 "2024-08-12T09:26:31Z")

</div>

Thank You @Alejandro_Alaco