如何修改WPF ComboBox选中项文本框的背景与前景色？

我想要修改WPF ComboBox中显示选中项的文本框的背景色和前景色，已经成功修改了下拉项的背景色，但无法修改该文本框的样式。

相关代码 #

App.xaml 代码 #

<Style x:Key="CmbStyleItem1" TargetType="{x:Type ComboBoxItem}">
    <Setter Property="Background" Value="{StaticResource ComboBox.Static.Background}"/>
    <Setter Property="BorderBrush" Value="{StaticResource ComboBox.Static.Background}"/>
</Style>
<Style x:Key="myComboBoxStyle" TargetType="ComboBox">
    <Setter Property="Margin" Value="0"/>
    <Setter Property="SnapsToDevicePixels" Value="True"/>
    <Setter Property="Padding" Value="4,1"/>
    <Setter Property="BorderThickness" Value="0"/>
    <Setter Property="VerticalAlignment" Value="Stretch"/>
    <Setter Property="Foreground" Value="{Binding ComboForeColor}"/>
    <Setter Property="Background" Value="{StaticResource ComboBox.Static.Background}"/>
    <Setter Property="BorderBrush" Value="{StaticResource ComboBox.Static.Background}"/>
    <Setter Property="FontSize" Value="26"/>
    <Setter Property="FontWeight" Value="Bold"/>
    <Setter Property="ItemContainerStyle" Value="{DynamicResource CmbStyleItem1}"/>
</Style>

MainWindow.xaml 代码 #

<ComboBox x:Name="cbGroups" Background="{StaticResource ComboBox.Static.Background}" Style="{StaticResource myComboBoxStyle2}" Width="269" Height="60" DisplayMemberPath="Name" SelectedValue="{Binding Groups_DB.Records}" SelectionChanged="cbGroups_SelectionChanged" Margin="10,10,10,10">
                
</ComboBox>

问题根源是WPF ComboBox的默认ControlTemplate：直接设置ComboBox的Background和Foreground仅影响控件外层容器，而显示选中项的文本区域（通常是ContentPresenter或PART_EditableTextBox）有独立的样式绑定，不会自动继承这些属性。以下是两种可行的解决方式：

方法1：重写ComboBox的ControlTemplate（推荐） #

在myComboBoxStyle中添加自定义模板，明确绑定文本显示区域的背景和前景色：

<Style x:Key="myComboBoxStyle" TargetType="ComboBox">
    <!-- 保留原有Setter配置 -->
    <Setter Property="Margin" Value="0"/>
    <Setter Property="SnapsToDevicePixels" Value="True"/>
    <Setter Property="Padding" Value="4,1"/>
    <Setter Property="BorderThickness" Value="0"/>
    <Setter Property="VerticalAlignment" Value="Stretch"/>
    <Setter Property="Foreground" Value="{Binding ComboForeColor}"/>
    <Setter Property="Background" Value="{StaticResource ComboBox.Static.Background}"/>
    <Setter Property="BorderBrush" Value="{StaticResource ComboBox.Static.Background}"/>
    <Setter Property="FontSize" Value="26"/>
    <Setter Property="FontWeight" Value="Bold"/>
    <Setter Property="ItemContainerStyle" Value="{DynamicResource CmbStyleItem1}"/>

    <!-- 添加自定义ControlTemplate -->
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="ComboBox">
                <Grid>
                    <!-- 下拉触发按钮 -->
                    <ToggleButton 
                        x:Name="ToggleButton"
                        Background="{TemplateBinding Background}"
                        BorderBrush="{TemplateBinding BorderBrush}"
                        BorderThickness="{TemplateBinding BorderThickness}"
                        IsChecked="{Binding IsDropDownOpen, Mode=TwoWay, RelativeSource={RelativeSource TemplatedParent}}">
                        <ToggleButton.Template>
                            <ControlTemplate TargetType="ToggleButton">
                                <Grid>
                                    <Grid.ColumnDefinitions>
                                        <ColumnDefinition/>
                                        <ColumnDefinition Width="24"/>
                                    </Grid.ColumnDefinitions>
                                    <Border Grid.ColumnSpan="2" Background="Transparent"/>
                                    <!-- 下拉箭头 -->
                                    <Path Grid.Column="1" 
                                          HorizontalAlignment="Center" 
                                          VerticalAlignment="Center"
                                          Data="M0,0 L0,2 L4,6 L8,2 L8,0 L4,4 z"
                                          Fill="{TemplateBinding Foreground}"/>
                                </Grid>
                            </ControlTemplate>
                        </ToggleButton.Template>
                    </ToggleButton>
                    <!-- 选中项文本显示区域 -->
                    <ContentPresenter
                        x:Name="ContentPresenter"
                        Content="{TemplateBinding SelectionBoxItem}"
                        ContentTemplate="{TemplateBinding SelectionBoxItemTemplate}"
                        Margin="{TemplateBinding Padding}"
                        VerticalAlignment="Center"
                        HorizontalAlignment="Left"
                        Background="{TemplateBinding Background}"
                        Foreground="{TemplateBinding Foreground}"/>
                    <!-- 下拉弹出框 -->
                    <Popup
                        x:Name="Popup"
                        Placement="Bottom"
                        IsOpen="{TemplateBinding IsDropDownOpen}"
                        AllowsTransparency="True"
                        Focusable="False">
                        <Grid
                            x:Name="DropDown"
                            MinWidth="{TemplateBinding ActualWidth}"
                            MaxHeight="{TemplateBinding MaxDropDownHeight}">
                            <Border
                                x:Name="DropDownBorder"
                                Background="{StaticResource ComboBox.Static.Background}"
                                BorderThickness="1"
                                BorderBrush="{StaticResource ComboBox.Static.Background}"/>
                            <ScrollViewer Margin="4,6,4,6">
                                <ItemsPresenter KeyboardNavigation.DirectionalNavigation="Contained"/>
                            </ScrollViewer>
                        </Grid>
                    </Popup>
                </Grid>
                <ControlTemplate.Triggers>
                    <Trigger Property="HasItems" Value="False">
                        <Setter TargetName="DropDownBorder" Property="MinHeight" Value="95"/>
                    </Trigger>
                    <Trigger Property="IsEnabled" Value="False">
                        <Setter TargetName="ContentPresenter" Property="Foreground" Value="Gray"/>
                    </Trigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

核心是给ContentPresenter绑定了ComboBox的Background和Foreground属性，确保样式同步生效。

方法2：通过资源覆盖ContentPresenter样式（简洁版） #

如果你的ComboBox是不可编辑状态（默认），可以直接在ComboBox样式中添加资源，覆盖内部ContentPresenter的样式：

<Style x:Key="myComboBoxStyle" TargetType="ComboBox">
    <!-- 原有Setter配置 -->
    ...
    <Style.Resources>
        <Style TargetType="ContentPresenter">
            <Setter Property="Background" Value="{StaticResource ComboBox.Static.Background}"/>
            <Setter Property="Foreground" Value="{Binding ComboForeColor}"/>
        </Style>
    </Style.Resources>
</Style>

这种方式更简洁，但需注意如果模板内有多个ContentPresenter，可能会影响其他区域的显示。

额外注意事项 #

你的MainWindow中ComboBox引用的样式是myComboBoxStyle2，但App.xaml中定义的样式键是myComboBoxStyle，这属于笔误，需要修改为一致的名称才能让样式生效。

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