The outline of the form fields in focus

Evgeny Koltashev

• September 10, 2025 08:47

The form fields have a focus outline. I don't know where to set it up. I had trouble finding it in the CSS https://skr.sh/sXX7PHqTybj

0

• 

  Evgeny Koltashev

  • September 10, 2025 08:52

  You must either add the focus styling settings or remove this CSS rule

  0
• 

  Ariel H.

  • September 10, 2025 10:18

  Hi Evgeny,

  Thank you for reaching out. 

  The blue border you’re seeing when focusing on form fields is actually the browser’s default focus style. It isn’t coming from Brizy and, unfortunately, there’s no setting inside Brizy to override or remove it. This is enforced by browsers to ensure accessibility.

  For more information, please refer to this link:
  https://stackoverflow.com/questions/20609485/what-is-the-default-style-of-the-blue-focus-outline-in-chrome

  Best regards,
  Ariel H.

  0
• 

  Evgeny Koltashev

  • September 10, 2025 10:37

  According to my screenshot, the style is set in Brizy. I removed it using my own CSS. This is not the default browser border

  Here is the code for solving the same problem

  .brz .brz-forms2 .brz-control__check-group-option:has(input:focus-visible) .brz-label, .brz .brz-forms2 .brz-control__radio-option:has(input:focus-visible) .brz-label, .brz .brz-forms2 .brz-input__upload:has(input:focus-visible), .brz .brz-forms2__item .select2-selection:focus-visible, .brz .brz-forms2__item input:focus-visible, .brz .brz-forms2__item textarea:focus-visible 
  {
    outline: none!important;
  }

  0
• 

  Ariel H.

  • September 10, 2025 11:37

  Hi Evgeny,

  Thank you for your follow-up.

  You’re right that the focus style you saw was influenced by Brizy. By default, browsers add their own native focus ring, but Brizy’s global form styles reset or override this behavior. That’s why you didn’t see the default browser ring until you added your own CSS.

  Best regards,
  Ariel H.

  0

Please sign in to leave a comment.