# How to change default blue styling

**URL:** <https://community.gravityforms.com/t/how-to-change-default-blue-styling/20066>\
**Category:** Get Help\
**Tags:** css\
**Created:** [February 18, 2026, 3:04pm UTC](https://community.gravityforms.com/t/how-to-change-default-blue-styling/20066 "2026-02-18T15:04:04Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![user698a269d26e16634](https://sea2.discourse-cdn.com/flex020/user_avatar/community.gravityforms.com/user698a269d26e16634/32/17127_2.png) [@user698a269d26e16634](https://community.gravityforms.com/u/user698a269d26e16634)\
**Post date:** [February 18, 2026, 3:04pm UTC](https://community.gravityforms.com/t/how-to-change-default-blue-styling/20066/1 "2026-02-18T15:04:04Z")

</div>

I’m trying to figure out how to change the bright blue highlight that appears when users complete text fields, radio buttons, image choice ticks, drop-down options.. I found some CSS to change the ‘submit’ button which worked but nothing has come up trumps for all the other bits yet.

This is my work in progress page so far in case that’s helpful - [Order a wedding album from Sarah Vivienne Photography](https://www.sarahvivienne.co.uk/customise-your-wedding-album/)

Can anyone help, please?

---

<div class="post-metadata">

**Author:** ![david](https://sea2.discourse-cdn.com/flex020/user_avatar/community.gravityforms.com/david/32/2517_2.png) [@david](https://community.gravityforms.com/u/david)\
**Post date:** [February 19, 2026, 12:49pm UTC](https://community.gravityforms.com/t/how-to-change-default-blue-styling/20066/2 "2026-02-19T12:49:09Z")

</div>

It’s a little unexpected but this is actually controlled the Button Styles _Background_ color.

 ![CleanShot 2026-02-19 at 07.47.23@2x](https://us1.discourse-cdn.com/flex020/uploads/gravityforms1/original/3X/b/c/bc051038e08e4bdd3fa98a9c698894b82676911a.png)

If you want to keep the button background color distinct from this outline color, you can target the outline specifically with these styles:

```auto
.gform-theme--framework .gfield--type-image_choice.gfield--image-choice-appearance-card .gchoice:focus-within,
.gform-theme--framework .gfield--type-image_choice.gfield--image-choice-appearance-no-card .gchoice:focus-within .gfield-choice-image-wrapper {
  --gf-local-border-color: #f00;
  --gf-local-outline-color: #f00;
}

```

Change that `#f00` (red) to your desired color.

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex020/uploads/gravityforms1/original/2X/f/fef63f0599c45e0218c30d9f5d7ca8bff9b00189.png) [@system](https://community.gravityforms.com/u/system)\
**Post date:** [March 21, 2026, 12:49pm UTC](https://community.gravityforms.com/t/how-to-change-default-blue-styling/20066/3 "2026-03-21T12:49:22Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.