# Styling Components in Perspective

**URL:** <https://forum.inductiveautomation.com/t/styling-components-in-perspective/109547>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [August 8, 2025, 6:28pm UTC](https://forum.inductiveautomation.com/t/styling-components-in-perspective/109547 "2025-08-08T18:28:01Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Jacob\_Clark](https://avatars.discourse-cdn.com/v4/letter/j/43a26b/32.png) [@Jacob\_Clark](https://forum.inductiveautomation.com/u/Jacob_Clark)\
**Post date:** [August 8, 2025, 6:28pm UTC](https://forum.inductiveautomation.com/t/styling-components-in-perspective/109547/1 "2025-08-08T18:28:01Z")

</div>

Some components in perspective like the Toggle Switch component have properties that are unaffected by CSS classes like the selected and unselected properties which refer to a color.

Do I need to use a tag binding? Or am I missing something you can do with CSS?

---

<div class="post-metadata">

**Author:** ![Ryan\_Deardorff](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/ryan_deardorff/32/63815_2.png) [@Ryan\_Deardorff](https://forum.inductiveautomation.com/u/Ryan_Deardorff)\
**Post date:** [August 8, 2025, 6:46pm UTC](https://forum.inductiveautomation.com/t/styling-components-in-perspective/109547/2 "2025-08-08T18:46:52Z")

</div>

In Chrome, if you right-click an element and select “Inspect” then you can see the DOM, including styles, in the panel at the right. Once you find it, you can then alter the style in `stylesheet.css`. In the case of the toggle switch:

`.ia_toggleSwitch __thumb .ia_toggleSwitch__ thumb--selected`

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/4/9/49964bd7a0c0dc274a2e48b942db026fef582252.jpeg)

---

<div class="post-metadata">

**Author:** ![Jacob\_Clark](https://avatars.discourse-cdn.com/v4/letter/j/43a26b/32.png) [@Jacob\_Clark](https://forum.inductiveautomation.com/u/Jacob_Clark)\
**Post date:** [August 8, 2025, 6:48pm UTC](https://forum.inductiveautomation.com/t/styling-components-in-perspective/109547/3 "2025-08-08T18:48:03Z")

</div>

Thank you, I don’t know why I wasn’t thinking of this 😀

---

<div class="post-metadata">

**Author:** ![Ryan\_Deardorff](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/ryan_deardorff/32/63815_2.png) [@Ryan\_Deardorff](https://forum.inductiveautomation.com/u/Ryan_Deardorff)\
**Post date:** [August 8, 2025, 6:54pm UTC](https://forum.inductiveautomation.com/t/styling-components-in-perspective/109547/4 "2025-08-08T18:54:03Z")

</div>

Keep in mind that will alter all instances. When I do this for specific views, I create a blank style that I can apply to a component/container, and then reference that in `stylesheet.css` using the `.psc-` prefix:

```python
.psc-CSS\/MyBlankStyle .ia_toggleSwitch __thumb .ia_toggleSwitch__ thumb--selected

```