title: How to remove the thick focus border from controls in MAUI?
body: <p>I'm using the default MAUI application generated by Visual Studio as a starting point. I have added custom focus borders for VisualState <code>Focused</code> and it works fine when focusing with the mouse. However, when navigating the form with Tab key, the default black frame appears around the focused buttons.</p>
  <p><a href="https://i.stack.imgur.com/GwG0k.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/GwG0k.png" alt="button with black frame" /></a></p>
  <p>Some WinUI articles suggest that <code>UseSystemFocusVisuals</code> should work. So I have done the following in my App.xaml in Windows folder:</p>
  <pre><code>&lt;maui:MauiWinUIApplication.Resources&gt;
      &lt;x:Boolean x:Key=&quot;UseSystemFocusVisuals&quot;&gt;False&lt;/x:Boolean&gt;
      &lt;Thickness x:Key=&quot;TextControlBorderThemeThickness&quot;&gt;0&lt;/Thickness&gt;
      &lt;Thickness x:Key=&quot;TextControlBorderThemeThicknessFocused&quot;&gt;0&lt;/Thickness&gt;
  &lt;/maui:MauiWinUIApplication.Resources&gt;
  </code></pre>
  <p>Unfortunately, it did not work on Buttons. However, at least the <code>TextControl</code> settings worked for Entry elements. So, in general, the Resources section is being applied, it's just that UseSystemFocusVisuals seems to have no effect on Button controls. Checkboxes and radios have the same problem.</p>
  <p>How do I get rid of these globally, without extending all the controls?</p>