如何使用嵌套Style.Resources修改ComboBox下拉滚动条Thumb颜色

问题原因 #

你当前的写法存在资源作用域匹配错误：

• 嵌套在<Track>的Style.Resources层级下的Thumb样式，作用域仅覆盖Track的逻辑子元素，而ScrollBar默认模板内的Thumb、RepeatButton属于可视化子元素，资源查找会向上回溯到ScrollBar的资源域，无法识别Track内部定义的样式
• 未指定BasedOn继承系统默认控件样式，容易被内置模板的属性设置覆盖自定义值

修正方案 #

将Thumb、RepeatButton的样式定义移到ScrollBar的Style.Resources层级下，同时添加BasedOn保留原有控件行为，修正后的代码如下：

<Style x:Key="MyComboBoxStyle" TargetType="{x:Type ComboBox}">
    <Style.Resources>
        <Style TargetType="ScrollViewer">
            <Style.Resources>
                <Style TargetType="ScrollBar">
                    <Setter Property="Background" Value="LightGreen" />
                    <Style.Resources>
                        <Style TargetType="Track">
                            <Setter Property="Cursor" Value="Cross" />
                        </Style>
                        <Style TargetType="Thumb" BasedOn="{StaticResource {x:Type Thumb}}">
                            <Setter Property="Background" Value="Red"/>
                            <Setter Property="Cursor" Value="Hand" />
                        </Style>
                        <Style TargetType="RepeatButton" BasedOn="{StaticResource {x:Type RepeatButton}}">
                            <Setter Property="Background" Value="Red"/>
                            <Setter Property="Cursor" Value="Hand" />
                        </Style>
                    </Style.Resources>
                </Style>
            </Style.Resources>
        </Style>
    </Style.Resources>

    <!-- 剩余ComboBox样式定义 -->
</Style>

验证说明 #

修改后无需重写完整控件模板，即可同时生效以下配置：

• ScrollBar背景为浅绿色
• Track光标为十字样式
• Thumb、两端滚动按钮背景为红色，光标为手型
  如果遇到鼠标悬浮、按压时颜色被系统主题覆盖的情况，可额外添加对应状态的触发器重写颜色即可。

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