# Styling Table Filter Textbox

**URL:** <https://forum.inductiveautomation.com/t/styling-table-filter-textbox/97072>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [October 10, 2024, 11:57am UTC](https://forum.inductiveautomation.com/t/styling-table-filter-textbox/97072 "2024-10-10T11:57:56Z")\
**Posts on this page:** 5\
**Page:** 1

<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:** [October 10, 2024, 11:57am UTC](https://forum.inductiveautomation.com/t/styling-table-filter-textbox/97072/1 "2024-10-10T11:57:56Z")

</div>

Hello!

When you enable the filter of a table

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

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

Is it possible to change the color and the text on the filter box?

Cheers!

---

<div class="post-metadata">

**Author:** ![Transistor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/transistor/32/3380_2.png) [@Transistor](https://forum.inductiveautomation.com/u/Transistor)\
**Post date:** [October 10, 2024, 12:29pm UTC](https://forum.inductiveautomation.com/t/styling-table-filter-textbox/97072/2 "2024-10-10T12:29:59Z")

</div>

Yes, but please be consistent (and elegant). These are set in the CSS theme files.

Using your browser's Developer Tools (F12) and inspecting the filter text area you will see,  
 ![Table filter style](https://us1.discourse-cdn.com/inductiveautomation/original/3X/2/a/2ae190f3a7216df567e49e4fa753d4869bf2797f.png)

The background-color is set to the theme `--input` color value.  
You can override this in your Advanced Stylesheet found under Perspective | Styles | stylesheet.css.

I recommend using [Build-in theme colors](https://docs.inductiveautomation.com/docs/8.1/ignition-modules/perspective/styles/perspective-built-in-themes#built-in-theme-colors) so that they work when a different theme is selected.

Again, applying strange colors will make your application inconsistent and unprofessional.

---

<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:** [October 10, 2024, 12:35pm UTC](https://forum.inductiveautomation.com/t/styling-table-filter-textbox/97072/3 "2024-10-10T12:35:04Z")

</div>

Ok, thanks!, didn´t remember that I did it. Thanks for the color advice, yes having a good color palette is quite important for the look of the app.

```python
.filterCommon .ia_inputField {
    background-color: #B5E8F7; 
}

```

Is it possible to change the text "Filter table..." too?

Cheers

---

<div class="post-metadata">

**Author:** ![Transistor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/transistor/32/3380_2.png) [@Transistor](https://forum.inductiveautomation.com/u/Transistor)\
**Post date:** [October 10, 2024, 12:54pm UTC](https://forum.inductiveautomation.com/t/styling-table-filter-textbox/97072/4 "2024-10-10T12:54:03Z")

</div>

> [@Alejandro\_Alaco](#):
>
> `background-color: #B5E8F7;`

I am recommending that you **don't** do that. Try  
`background-color: var(--infoSecondary)`  
instead. This will switch between these two blues on light and dark CSS themes automatically.  
 ![infoSecondary](https://us1.discourse-cdn.com/inductiveautomation/original/3X/a/7/a778a89478f9d381c5fd15b2a9308e09d446b7e2.png)

The placeholder text is set in `filter.text`.

---

<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:** [October 10, 2024, 1:16pm UTC](https://forum.inductiveautomation.com/t/styling-table-filter-textbox/97072/5 "2024-10-10T13:16:57Z")

</div>

Thanks Transistor!