# CSS to change button color

**URL:** <https://community.glideapps.com/t/css-to-change-button-color/60958>\
**Category:** Ask for Help\
**Created:** [April 25, 2023, 2:36pm UTC](https://community.glideapps.com/t/css-to-change-button-color/60958 "2023-04-25T14:36:24Z")\
**Posts on this page:** 1\
**Showing post:** 6

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [May 3, 2023, 11:33pm UTC](https://community.glideapps.com/t/css-to-change-button-color/60958/6 "2023-05-03T23:33:14Z")

</div>

> [@CSS for Buttons Background](https://community.glideapps.com/t/css-for-buttons-background/61161/2):
>
> div[data-testid\*="test-tiles"] button[aria-label="Primary"].tiles { background-color: gold; } div[data-testid\*="test-tiles"] button[aria-label="Secondary"].tiles { background-color: green; color: white; } div[data-testid\*="test-tiles"] button[aria-label="Go!"].tiles { background-color: magenta; color: white; } The custom CSS class here is “test-tiles”. If you have a sole “open link” action, it should change from “button[aria-label…]” to “a[aria-label…”.

Please try this.

---

_[View the full topic](https://community.glideapps.com/t/css-to-change-button-color/60958)._