# Css to change color of form button

**URL:** <https://community.glideapps.com/t/css-to-change-color-of-form-button/19949>\
**Category:** Ask for Help\
**Created:** [December 16, 2020, 1:37pm UTC](https://community.glideapps.com/t/css-to-change-color-of-form-button/19949 "2020-12-16T13:37:39Z")\
**Posts on this page:** 1\
**Showing post:** 5

<div class="post-metadata">

**Author:** ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)\
**Post date:** [December 17, 2020, 1:26pm UTC](https://community.glideapps.com/t/css-to-change-color-of-form-button/19949/5 "2020-12-17T13:26:25Z")

</div>

Then each button needs to have a different style, so each button has a separate class name. With separate class names, you can change the CSS to make each individual button look how you want, but the CSS is much more vulnerable to breaking and you have to determine the class name assigned to each device and browser type.

I explain it better here.

> [@Floating Form Button](https://community.glideapps.com/t/floating-form-button/16623/120):
>
> This is the CSS I’m currently using. \<pre\>\<span\>\<style\> [data-test=app-button-view] {position:fixed; width:60px; height:60px; right:5%; border-radius:50px; text-align:center; box-shadow: 2px 2px 3px #999 !important; font-size:40px; font-weight: normal; background-color: rgba(41, 87, 122, 0.118) !important; backdrop-filter: blur…

---

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