wpf - 如何摆脱xaml中的元素焦点边框

Question

在 WPF 中，我创建了一个自定义按钮模板，如下所示:

<ToggleButton x:Name="button" HorizontalAlignment="Left" Margin="0,0,0,0" >
        <ToggleButton.Template>
            <ControlTemplate TargetType="{x:Type ToggleButton}">
                <Grid Background="#01FFFFFF" Width="62" Height="53">
                    <Border VerticalAlignment="Stretch" HorizontalAlignment="Stretch" Background="#01FFFFFF" IsHitTestVisible="True"/>
                    <Canvas Width="26" Height="32" x:Name="background" IsHitTestVisible="True" >
                       <!-- Omitted for brevity--->
                    </Canvas>
                </Grid>
            </ControlTemplate>
        </ToggleButton.Template>
    </ToggleButton>

这段代码的结果是一个简单的 Off按钮:


现在，当这个按钮成为鼠标的焦点，然后屏幕失去焦点时，按钮周围会出现一个虚线边框，如下所示:


我的问题很简单:我如何摆脱这个边界？我试着玩弄 FocusVisualStyle属性，但无法使其工作。

Answer 1

您可以删除 FocusVisualStyle按照您的风格，这应该删除虚线边框

   <ToggleButton FocusVisualStyle="{x:Null}" x:Name="button" HorizontalAlignment="Left" Margin="0,0,0,0"  >