如何摆脱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"  >