使用ControlTemplate.Triggers设置按钮禁用态前景色报错如何解决

1. 颜色值语法错误：禁用状态Foreground的Value属性值未加#前缀，WPF中ARGB颜色值必须写作#FFA0A0A0，缺少#会触发XAML解析器格式异常，对应你遇到的Token is not valid报错。
2. 样式目标类型不匹配：你自定义的是继承自Button的ButtonExt类，但Style的TargetType指定为{x:Type Button}，第三方IDE的XAML编译逻辑对派生类样式匹配校验更严格，会导致资源加载冲突、类型转换异常，对应你前两类报错。
3. 绑定逻辑错误：原有代码中<Setter Property="Foreground" Value="{Binding Foreground}"/>默认绑定的是控件DataContext的Foreground属性，而非控件自身的属性，会引发属性值传递异常。你尝试的TextBlock样式方案中，直接将Button的Content属性绑定给TextBlock的Foreground属性，类型不匹配，也会触发报错。

方案1：修正原有代码（优先适用） #

直接调整语法错误，使用兼容性更高的属性修改方式，不针对ContentPresenter设置附加属性，直接修改Button自身的Foreground属性，内容会自动继承该值：

<Button x:Class="Resources.ButtonExt"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
    xmlns:local="clr-namespace:Resources"
    mc:Ignorable="d" 
    d:DesignHeight="450" d:DesignWidth="800"
    x:Name="buttonExtension">
    <Button.Style>
        <!-- TargetType修改为自定义控件类型 -->
        <Style TargetType="{x:Type local:ButtonExt}">
            <Setter Property="BorderThickness" Value="1"/>
            <Setter Property="BorderBrush" Value="#FFA0A0A0"/>
            <!-- 绑定控件自身的Foreground属性 -->
            <Setter Property="Foreground" Value="{Binding Foreground, RelativeSource={RelativeSource Self}}"/>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type local:ButtonExt}">
                        <Border x:Name="Border" Background="{TemplateBinding Background}" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}">
                            <ContentPresenter Name="Content" HorizontalAlignment="Center" VerticalAlignment="Center"/>
                        </Border>
                        <ControlTemplate.Triggers>
                            <Trigger Property="IsMouseOver" Value="True">
                                <Setter Property="Background" Value="#FFE5F1FB" TargetName="Border"/>
                                <Setter Property="BorderBrush" Value="#FF0078D6" TargetName="Border"/>
                            </Trigger>
                            <Trigger Property="IsFocused" Value="True">
                                <Setter Property="BorderBrush" Value="#FF0078D6" TargetName="Border"/>
                                <Setter Property="BorderThickness" Value="2" TargetName="Border"/>
                            </Trigger>
                            <Trigger Property="IsPressed" Value="True">
                                <Setter Property="Background" Value="#FFCCE4F7" TargetName="Border"/>
                                <Setter Property="BorderBrush" Value="#FF005499" TargetName="Border"/>
                                <Setter Property="BorderThickness" Value="1" TargetName="Border"/>
                            </Trigger>
                            <Trigger Property="IsEnabled" Value="False">
                                <Setter Property="Background" Value="#FFB3B3B3" TargetName="Border"/>
                                <Setter Property="BorderBrush" Value="#FFA0A0A0" TargetName="Border"/>
                                <!-- 直接修改控件自身Foreground，无需指定TargetName，颜色值加#前缀 -->
                                <Setter Property="Foreground" Value="#FFA0A0A0"/>
                            </Trigger>
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </Button.Style>
</Button>

方案2：第三方IDE兼容方案 #

如果方案1仍报错，可将ContentPresenter替换为显式的TextBlock，避免解析器对ContentPresenter的属性继承逻辑处理异常：

<ControlTemplate TargetType="{x:Type local:ButtonExt}">
    <Border x:Name="Border" Background="{TemplateBinding Background}" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}">
        <!-- 显式声明TextBlock，继承控件自身的Foreground -->
        <TextBlock Text="{TemplateBinding Content}" HorizontalAlignment="Center" VerticalAlignment="Center" Foreground="{TemplateBinding Foreground}"/>
    </Border>
    <!-- 触发器部分和方案1一致 -->
</ControlTemplate>

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