如何将WPF触发器绑定到子元素？MenuItem图标悬停样式不生效

问题原因 #

1. 图标对应的ContentPresenter直接硬编码了TextBlock.Foreground，本地值优先级高于Style中Trigger的Setter，导致悬停时无法覆盖原有颜色。
2. 模板内元素未绑定到MenuItem的属性，Style的Trigger无法穿透到模板内部修改图标前景色。
3. 模板中的Grid未绑定Background属性，导致Style中设置的Background无法显示。

修改后的完整代码 #

<Style TargetType="{x:Type MenuItem}">
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type MenuItem}">
                <!-- 绑定Grid背景到MenuItem的Background属性，使Style设置的背景生效 -->
                <Grid Background="{TemplateBinding Background}">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="Auto" />
                        <ColumnDefinition Width="*" />
                    </Grid.ColumnDefinitions>
                    <!-- 给图标Presenter命名，方便模板Trigger控制 -->
                    <ContentPresenter x:Name="IconPresenter" 
                                      Grid.Column="0" 
                                      ContentSource="Icon" 
                                      TextBlock.Foreground="{StaticResource PrimarySolidColorBrush}" />
                    <!-- 给标题Presenter命名，默认前景色设为黑色 -->
                    <ContentPresenter x:Name="HeaderPresenter" 
                                      Grid.Column="1" 
                                      ContentSource="Header" 
                                      TextBlock.Foreground="Black" />
                </Grid>
                <!-- 在模板内部添加Trigger，直接控制内部元素状态 -->
                <ControlTemplate.Triggers>
                    <Trigger Property="IsMouseOver" Value="True">
                        <Setter TargetName="IconPresenter" Property="TextBlock.Foreground" Value="White" />
                        <Setter TargetName="HeaderPresenter" Property="TextBlock.Foreground" Value="White" />
                        <Setter Property="Background" Value="{StaticResource PrimarySolidColorBrush}" />
                    </Trigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

关键修改说明 #

• 给模板根Grid绑定Background="{TemplateBinding Background}"，确保MenuItem的Background属性能作用到可视化容器。
• 为两个ContentPresenter设置x:Name，让模板内的Trigger可以精准控制目标元素。
• 将状态逻辑移到ControlTemplate.Triggers中，直接修改内部元素的前景色，避免本地值优先级冲突。
• 标题的默认黑色前景直接在HeaderPresenter上设置，图标默认前景使用指定的PrimarySolidColorBrush，完全匹配需求。

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