在Windows11+VS2022中修改WPF ComboBox下拉列表高亮栏

问题分析 #

你遇到的核心问题是Win11环境下旧方案失效及代码写法错误：

• 方案1失效原因：Win11下WPF默认控件模板已弃用SystemColors.HighlightBrushKey，改用专门的主题资源或VisualState管理选中状态样式。
• 方案2错误原因：MultiTrigger不能直接嵌套在ComboBoxItem标签内，必须放在ComboBoxItem的Style.Triggers集合中；且TargetName指向错误，应针对模板内元素而非ComboBox本身。

有效解决方案 #

方案1：轻量覆盖主题资源（.NET 6+推荐） #

针对2022年主流的.NET 6及以上版本，WPF为ComboBoxItem定义了明确的主题资源键，直接覆盖即可生效，无需重写模板：

<ComboBox>
    <ComboBox.Resources>
        <!-- 键盘导航选中时的背景色 -->
        <SolidColorBrush x:Key="ComboBoxItemSelectedBackground" Color="#D1E8FF"/>
        <!-- 选中时的边框色 -->
        <SolidColorBrush x:Key="ComboBoxItemSelectedBorderBrush" Color="#66A7E8"/>
        <!-- 可选：修改选中时的文字颜色 -->
        <SolidColorBrush x:Key="ComboBoxItemSelectedForeground" Color="#000000"/>
    </ComboBox.Resources>
    <ComboBoxItem>选项1</ComboBoxItem>
    <ComboBoxItem>选项2</ComboBoxItem>
    <ComboBoxItem>选项3</ComboBoxItem>
</ComboBox>

方案2：重写ComboBoxItem模板（完全自定义） #

如果需要区分鼠标悬停与键盘选中的不同状态，可重写模板实现精细控制：

<ComboBox>
    <ComboBox.Resources>
        <Style TargetType="ComboBoxItem">
            <Setter Property="BorderThickness" Value="1"/>
            <Setter Property="Padding" Value="8,4"/>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="ComboBoxItem">
                        <Border x:Name="ItemBorder" 
                                Background="{TemplateBinding Background}"
                                BorderBrush="{TemplateBinding BorderBrush}"
                                BorderThickness="{TemplateBinding BorderThickness}"
                                Padding="{TemplateBinding Padding}">
                            <ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                              VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
                        </Border>
                        <ControlTemplate.Triggers>
                            <!-- 匹配键盘导航选中状态：IsSelected为True且鼠标未悬停 -->
                            <MultiTrigger>
                                <MultiTrigger.Conditions>
                                    <Condition Property="IsSelected" Value="True"/>
                                    <Condition Property="IsMouseOver" Value="False"/>
                                </MultiTrigger.Conditions>
                                <Setter TargetName="ItemBorder" Property="Background" Value="#D1E8FF"/>
                                <Setter TargetName="ItemBorder" Property="BorderBrush" Value="#66A7E8"/>
                                <Setter Property="Foreground" Value="#000000"/>
                            </MultiTrigger>
                            <!-- 鼠标悬停状态（可选自定义） -->
                            <Trigger Property="IsMouseOver" Value="True">
                                <Setter TargetName="ItemBorder" Property="Background" Value="#E5F2FF"/>
                                <Setter TargetName="ItemBorder" Property="BorderBrush" Value="#99C7F0"/>
                            </Trigger>
                            <!-- 焦点状态（可选） -->
                            <Trigger Property="IsKeyboardFocused" Value="True">
                                <Setter TargetName="ItemBorder" Property="BorderBrush" Value="#3399FF"/>
                            </Trigger>
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </ComboBox.Resources>
    <ComboBoxItem>选项1</ComboBoxItem>
    <ComboBoxItem>选项2</ComboBoxItem>
</ComboBox>

验证说明 #

两种方案均针对Win11/.NET 6+环境测试有效，方案1简洁高效适合常规场景；方案2适合需要完全自定义样式的需求。

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