如何修改WPF ComboBox首个项背景以提示多条目存在？

要修改ComboBox首个项（包括下拉列表中的第一项，或控件顶部显示的选中项）的背景，核心问题在于默认样式/模板的层级覆盖，以及如何精准定位到目标元素。以下是几种可行方案：

方案1：修改下拉列表中首个ComboBoxItem的背景 #

通过ItemContainerStyle结合RelativeSource.PreviousData定位第一项（当PreviousData为null时，当前项就是列表的第一个元素），同时可结合项目数量判断仅在多条目时生效：

XAML代码 #

<!-- 先定义不等值转换器，用于判断条目数量是否大于1 -->
<Window.Resources>
    <local:NotEqualConverter x:Key="NotEqualConverter"/>
</Window.Resources>

<ComboBox x:Name="multiItemComboBox">
    <ComboBox.ItemContainerStyle>
        <Style TargetType="ComboBoxItem" BasedOn="{StaticResource {x:Type ComboBoxItem}}">
            <Style.Triggers>
                <!-- 仅当条目数量>1时，高亮第一项 -->
                <MultiDataTrigger>
                    <MultiDataTrigger.Conditions>
                        <!-- 定位第一项 -->
                        <Condition Binding="{Binding RelativeSource={RelativeSource PreviousData}}" Value="{x:Null}"/>
                        <!-- 判断条目数量不为1（即>1） -->
                        <Condition Binding="{Binding Items.Count, RelativeSource={RelativeSource AncestorType=ComboBox}}" 
                                   Value="1" 
                                   Converter="{StaticResource NotEqualConverter}"/>
                    </MultiDataTrigger.Conditions>
                    <Setter Property="Background" Value="#FFE0F7FA"/>
                    <Setter Property="BorderBrush" Value="#FF29B6F6"/>
                    <Setter Property="BorderThickness" Value="1"/>
                </MultiDataTrigger>
            </Style.Triggers>
        </Style>
    </ComboBox.ItemContainerStyle>
</ComboBox>

转换器C#实现 #

public class NotEqualConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        if (int.TryParse(value?.ToString(), out int count) && int.TryParse(parameter?.ToString(), out int compareVal))
        {
            return count != compareVal;
        }
        return false;
    }

    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
    {
        throw new NotImplementedException();
    }
}

方案2：修改ComboBox控件顶部显示的选中项背景 #

如果要修改的是ComboBox折叠时，顶部显示的选中项背景（而非下拉列表中的项），需要重写ComboBox的ControlTemplate，直接控制显示选中项的ContentPresenter：

XAML代码 #

<Style TargetType="ComboBox">
    <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}}">
                        <Grid>
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="*"/>
                                <ColumnDefinition Width="20"/>
                            </Grid.ColumnDefinitions>
                            <!-- 显示选中项的ContentPresenter -->
                            <ContentPresenter x:Name="selectionPresenter"
                                              Content="{TemplateBinding SelectionBoxItem}"
                                              ContentTemplate="{TemplateBinding SelectionBoxItemTemplate}"
                                              Margin="6,3,26,3"
                                              VerticalAlignment="Center"/>
                            <!-- 下拉箭头 -->
                            <Path x:Name="dropDownArrow"
                                  Grid.Column="1"
                                  Data="M0,0 L0,2 L4,6 L8,2 L8,0 L4,4 z"
                                  Fill="{TemplateBinding Foreground}"
                                  Margin="0,0,5,0"
                                  VerticalAlignment="Center"/>
                        </Grid>
                    </ToggleButton>
                    <!-- 下拉弹窗 -->
                    <Popup x:Name="popup"
                           Placement="Bottom"
                           IsOpen="{TemplateBinding IsDropDownOpen}"
                           AllowsTransparency="True"
                           Focusable="False">
                        <Border x:Name="popupBorder"
                                Background="{TemplateBinding Background}"
                                BorderBrush="{TemplateBinding BorderBrush}"
                                BorderThickness="{TemplateBinding BorderThickness}">
                            <ScrollViewer x:Name="scrollViewer" Padding="1">
                                <ItemsPresenter/>
                            </ScrollViewer>
                        </Border>
                    </Popup>
                </Grid>
                <ControlTemplate.Triggers>
                    <!-- 当条目数量>1时，修改顶部选中项的背景 -->
                    <DataTrigger Binding="{Binding Items.Count, RelativeSource={RelativeSource Self}}" 
                                   Value="1" 
                                   Converter="{StaticResource NotEqualConverter}">
                        <Setter TargetName="selectionPresenter" Property="Background" Value="#FFE0F7FA"/>
                    </DataTrigger>
                    <!-- 保留默认禁用状态触发器 -->
                    <Trigger Property="IsEnabled" Value="False">
                        <Setter TargetName="toggleButton" Property="Background" Value="#FFEEEEEE"/>
                        <Setter TargetName="dropDownArrow" Property="Fill" Value="#FFAAAAAA"/>
                    </Trigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

关键注意事项 #

1. 继承默认样式：设置ItemContainerStyle时，添加BasedOn="{StaticResource {x:Type ComboBoxItem}}"，避免丢失默认的选中、悬停等交互状态。
2. Live Visual Tree排查：如果仍不生效，可通过Live Visual Tree找到目标元素（比如ContentPresenter或ComboBoxItem），查看其Background属性的来源，确认是否有更高优先级的样式/触发器覆盖了你的设置。
3. 触发器优先级：确保你的触发器条件正确，避免与默认模板中的触发器冲突（比如默认的IsSelected触发器可能会覆盖背景，可通过MultiDataTrigger结合IsSelected状态调整）。

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