# Disable toggle switch outline

**URL:** <https://forum.inductiveautomation.com/t/disable-toggle-switch-outline/116001>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [June 16, 2026, 8:38am UTC](https://forum.inductiveautomation.com/t/disable-toggle-switch-outline/116001 "2026-06-16T08:38:21Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![surajpatil26796](https://avatars.discourse-cdn.com/v4/letter/s/51bf81/32.png) [@surajpatil26796](https://forum.inductiveautomation.com/u/surajpatil26796)\
**Post date:** [June 16, 2026, 8:38am UTC](https://forum.inductiveautomation.com/t/disable-toggle-switch-outline/116001/1 "2026-06-16T08:38:21Z")

</div>

Refer to the attached screenshot of the toggle switch used on one of the screens in my project.

How can I disable/remove the blue rectangle/outline that appears when I click on the button?

![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/6/a/6ad1b3458ce37d9c83cfaa40665339e721c6e2a8.png)

Tried the OutlineStyle property to None, but no luck.

---

<div class="post-metadata">

**Author:** ![surajpatil26796](https://avatars.discourse-cdn.com/v4/letter/s/51bf81/32.png) [@surajpatil26796](https://forum.inductiveautomation.com/u/surajpatil26796)\
**Post date:** [June 16, 2026, 9:52am UTC](https://forum.inductiveautomation.com/t/disable-toggle-switch-outline/116001/2 "2026-06-16T09:52:00Z")

</div>

Resolved.Added the lines in the stylclass.css file

div.ia\_toggleSwitch:focus  
{  
outline: none;  
}