# Default button style

**URL:** <https://forum.inductiveautomation.com/t/default-button-style/114653>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [March 24, 2026, 9:31pm UTC](https://forum.inductiveautomation.com/t/default-button-style/114653 "2026-03-24T21:31:22Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![jorge.galvez](https://avatars.discourse-cdn.com/v4/letter/j/ecb155/32.png) [@jorge.galvez](https://forum.inductiveautomation.com/u/jorge.galvez)\
**Post date:** [March 24, 2026, 9:31pm UTC](https://forum.inductiveautomation.com/t/default-button-style/114653/1 "2026-03-24T21:31:22Z")

</div>

Hi, is it possible to modify the default blue color of the buttons in perspective. I’ve seen that when a view has lots of buttons, while the browser loads the page, the buttons color start blue and then the color is updated to the style configured. This makes the user feel like low performance.

---

<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:** [March 25, 2026, 12:01pm UTC](https://forum.inductiveautomation.com/t/default-button-style/114653/2 "2026-03-25T12:01:44Z")

</div>

Yes, you can edit the stylesheet.css and add something like:

```python
[data-component='ia.input.button'].ia_button--primary:not([disabled]) {
      background-color: #ff7900;
      color: #000;
      border-radius: 1;
}

[data-component='ia.input.button'].ia_button--primary[disabled] {
    background-color: #d3d3d3;  
    color: #a9a9a9;  
    cursor: not-allowed;  
    border-radius: 1;
}

[data-component='ia.input.button'].ia_button--secondary:not([disabled]) {
      backgroundColor: "#FFFFFF";
	 borderStyle: "solid";
	 color: "#000000";	
	 borderRadius: 1;
	
	 borderColor: "#000000";

	 borderWidth: 2
}

```

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

so all primary or secondary buttons change style.

---

<div class="post-metadata">

**Author:** ![jorge.galvez](https://avatars.discourse-cdn.com/v4/letter/j/ecb155/32.png) [@jorge.galvez](https://forum.inductiveautomation.com/u/jorge.galvez)\
**Post date:** [March 25, 2026, 2:44pm UTC](https://forum.inductiveautomation.com/t/default-button-style/114653/3 "2026-03-25T14:44:03Z")

</div>

Thanks, it works! Does the stylesheet have a higher priority than the styles in the components' common properties?

---

<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:** [March 25, 2026, 2:46pm UTC](https://forum.inductiveautomation.com/t/default-button-style/114653/4 "2026-03-25T14:46:31Z")

</div>

I think no, if you aply style to the component even is defined on the stylesheet it keeps the component style. You may try it.

---

<div class="post-metadata">

**Author:** ![jorge.galvez](https://avatars.discourse-cdn.com/v4/letter/j/ecb155/32.png) [@jorge.galvez](https://forum.inductiveautomation.com/u/jorge.galvez)\
**Post date:** [March 25, 2026, 2:54pm UTC](https://forum.inductiveautomation.com/t/default-button-style/114653/5 "2026-03-25T14:54:37Z")

</div>

You’re right, I have just set a different background color in the component props and the button color choose that. Then, if no style props are set, the stylesheet rules as default style source. Thanks!!