如何实现WPF ComboBoxItem鼠标悬停即时变色效果？

你的ComboBoxItem悬停高亮仅在重新打开下拉时生效，核心问题是视觉状态分组错误：MouseOver属于CommonStates（通用交互状态），但你把它放到了SelectionStates（选择状态）里，WPF无法在鼠标悬停时正确触发这个状态。

修改ComboBoxItem的样式，将MouseOver状态移到CommonStates分组下即可解决：

<Style x:Key="{x:Type ComboBoxItem}" TargetType="{x:Type ComboBoxItem}">
    <Setter Property="SnapsToDevicePixels" Value="true" />
    <Setter Property="OverridesDefaultStyle" Value="true" />
    <Setter Property="Focusable" Value="True"/>
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type ComboBoxItem}">
                <Border x:Name="Border" Padding="2" SnapsToDevicePixels="true" Background="Transparent">
                    <VisualStateManager.VisualStateGroups>
                        <!-- 通用交互状态组：处理鼠标悬停、正常等基础交互 -->
                        <VisualStateGroup x:Name="CommonStates">
                            <VisualState x:Name="Normal"/>
                            <VisualState x:Name="MouseOver">
                                <Storyboard>
                                    <ColorAnimationUsingKeyFrames Storyboard.TargetName="Border" 
                                                                  Storyboard.TargetProperty="(Panel.Background).(SolidColorBrush.Color)">
                                        <EasingColorKeyFrame KeyTime="0" Value="Blue" />
                                    </ColorAnimationUsingKeyFrames>
                                </Storyboard>
                            </VisualState>
                        </VisualStateGroup>
                        <!-- 选择状态组：处理选中/未选中状态 -->
                        <VisualStateGroup x:Name="SelectionStates">
                            <VisualState x:Name="Unselected"/>
                            <VisualState x:Name="Selected">
                                <Storyboard>
                                    <ColorAnimationUsingKeyFrames Storyboard.TargetName="Border" 
                                                                  Storyboard.TargetProperty="(Panel.Background).(SolidColorBrush.Color)">
                                        <EasingColorKeyFrame KeyTime="0" Value="DarkBlue" />
                                    </ColorAnimationUsingKeyFrames>
                                </Storyboard>
                            </VisualState>
                        </VisualStateGroup>
                    </VisualStateManager.VisualStateGroups>
                    <ContentPresenter />
                </Border>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

说明 #

• WPF的视觉状态分组是预定义规则：CommonStates负责鼠标悬停、正常、禁用等基础交互状态，SelectionStates仅处理选中/未选中的选择状态。
• 调整分组后，鼠标一悬停就会立即触发MouseOver状态动画，实现即时高亮效果。

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