# What is the button property's associated to a blue rectangle

**URL:** <https://forum.inductiveautomation.com/t/what-is-the-button-propertys-associated-to-a-blue-rectangle/23852>\
**Category:** Ignition Early Access\
**Created:** [April 4, 2019, 3:11pm UTC](https://forum.inductiveautomation.com/t/what-is-the-button-propertys-associated-to-a-blue-rectangle/23852 "2019-04-04T15:11:49Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![gregory.wailliez](https://avatars.discourse-cdn.com/v4/letter/g/3d9bf3/32.png) [@gregory.wailliez](https://forum.inductiveautomation.com/u/gregory.wailliez)\
**Post date:** [April 4, 2019, 3:11pm UTC](https://forum.inductiveautomation.com/t/what-is-the-button-propertys-associated-to-a-blue-rectangle/23852/1 "2019-04-04T15:11:49Z")

</div>

Hello

Do you know the button property’s associated to a blue rectangle and available when you press a button? I’ve joined a screenshot to illustrate this rectangle.  
Thank you for your help

Grégory

![14](https://us1.discourse-cdn.com/inductiveautomation/original/2X/8/84a0a45e79f6da6f1c5839c0361a413b5b86bf92.png)

---

<div class="post-metadata">

**Author:** ![cmallonee](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/cmallonee/32/6416_2.png) [@cmallonee](https://forum.inductiveautomation.com/u/cmallonee)\
**Post date:** [April 4, 2019, 3:23pm UTC](https://forum.inductiveautomation.com/t/what-is-the-button-propertys-associated-to-a-blue-rectangle/23852/2 "2019-04-04T15:23:47Z")

</div>

I’m sorry, I’m very confused as to what your question actually is…

Are you seeing the blue around the button and you do not want to?  
Are you asking how to make your button appear as the screenshot does?

It would help a bit if you could provide an image of what you are currently seeing, and a description or image of what you want to see.

---

<div class="post-metadata">

**Author:** ![gregory.wailliez](https://avatars.discourse-cdn.com/v4/letter/g/3d9bf3/32.png) [@gregory.wailliez](https://forum.inductiveautomation.com/u/gregory.wailliez)\
**Post date:** [April 5, 2019, 6:19am UTC](https://forum.inductiveautomation.com/t/what-is-the-button-propertys-associated-to-a-blue-rectangle/23852/3 "2019-04-05T06:19:56Z")

</div>

Hi Cmallonee,

I want to change the blue color around the button. By example, replace the blue by red.

---

<div class="post-metadata">

**Author:** ![cmallonee](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/cmallonee/32/6416_2.png) [@cmallonee](https://forum.inductiveautomation.com/u/cmallonee)\
**Post date:** [April 5, 2019, 2:08pm UTC](https://forum.inductiveautomation.com/t/what-is-the-button-propertys-associated-to-a-blue-rectangle/23852/4 "2019-04-05T14:08:32Z")

</div>

The blue color in your image is decided by the browser (Chrome) at this time.

If you open the relevant page in Firefox or Edge, you’ll notice that there is NO rectangle.

Modifying the color of this rectangle and/or removing it is not something we currently support inside the Designer, but you could do so by modifying the theme file in use by Perspective. Please note that any changes you make to the theme files as of this time will be used by ALL projects. Any changes we make to the theme files at a future date could produce conflicting and/or incompatible behaviors down the road, so it’s a slipper slope, but one that we’ve provided for you if you find it absolutely necessary.

That being said, [this](https://stackoverflow.com/questions/20340138/remove-blue-border-from-css-custom-styled-button-in-chrome) should do what you want.

---

<div class="post-metadata">

**Author:** ![gregory.wailliez](https://avatars.discourse-cdn.com/v4/letter/g/3d9bf3/32.png) [@gregory.wailliez](https://forum.inductiveautomation.com/u/gregory.wailliez)\
**Post date:** [April 7, 2019, 4:37pm UTC](https://forum.inductiveautomation.com/t/what-is-the-button-propertys-associated-to-a-blue-rectangle/23852/5 "2019-04-07T16:37:28Z")

</div>

Thank you for your reply!