按视频操作后WPF按钮仍显Windows默认样式，求实现扁平按钮方案

解决WPF按钮保留Windows默认样式的问题 #

我懂你这种崩溃的感觉——跟着视频里的步骤设置了Background="{x:Null}"和BorderBrush="{x:Null}"，结果按钮还是带着那种生硬的Windows默认样式，完全不是想要的扁平效果。这是因为WPF按钮的默认ControlTemplate里藏着很多默认视觉元素，仅仅设置这两个属性不足以完全覆盖默认样式，下面给你两个靠谱的解决办法：

方法1：直接替换按钮的模板（最彻底） #

直接重写按钮的模板，只保留内容展示部分，完全去掉默认的边框、背景和冗余交互样式（如果需要点击反馈可以自己添加）：

<Button Content="X" HorizontalAlignment="Left" Margin="199,0,0,0" VerticalAlignment="Top" Width="37" Height="31">
    <Button.Template>
        <ControlTemplate TargetType="Button">
            <ContentPresenter 
                HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"/>
        </ControlTemplate>
    </Button.Template>
</Button>

这样按钮就只会显示你设置的文字，没有任何多余的默认样式。如果需要点击时的视觉反馈（比如文字变深），可以在模板里加个Trigger：

<ControlTemplate TargetType="Button">
    <ContentPresenter 
        x:Name="Content"
        HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
        VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
        SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"/>
    <ControlTemplate.Triggers>
        <Trigger Property="IsPressed" Value="True">
            <Setter TargetName="Content" Property="Foreground" Value="#555"/>
        </Trigger>
    </ControlTemplate.Triggers>
</ControlTemplate>

方法2：创建可复用的扁平按钮样式 #

如果你的项目里有多个扁平按钮，建议创建一个全局样式，这样可以重复使用：

<!-- 在Window或者ResourceDictionary的Resources里定义样式 -->
<Window.Resources>
    <Style x:Key="FlatButton" TargetType="Button">
        <Setter Property="Background" Value="Transparent"/>
        <Setter Property="BorderThickness" Value="0"/>
        <Setter Property="Cursor" Value="Hand"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="Button">
                    <ContentPresenter 
                        HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                        VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                        SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"/>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
        <!-- 可选：添加鼠标悬停、点击的反馈效果 -->
        <Style.Triggers>
            <Trigger Property="IsMouseOver" Value="True">
                <Setter Property="Foreground" Value="#0078D7"/>
            </Trigger>
            <Trigger Property="IsPressed" Value="True">
                <Setter Property="Foreground" Value="#005A9E"/>
            </Trigger>
        </Style.Triggers>
    </Style>
</Window.Resources>

<!-- 使用样式的按钮 -->
<Button Content="X" Style="{StaticResource FlatButton}" HorizontalAlignment="Left" Margin="199,0,0,0" VerticalAlignment="Top" Width="37" Height="31"/>

为什么你的原始代码没生效？ #

WPF按钮的默认模板里，Background和BorderBrush只是绑定到模板内的元素属性，但模板本身还有一个默认的边框容器（比如Border控件），即使你把这两个属性设为{x:Null}，模板里的元素可能还有默认的 fallback 值，所以只有替换掉整个模板，才能彻底去掉那些默认样式。

内容的提问来源于stack exchange，提问作者Zak Koli