我之前也碰到过一模一样的问题！WPF的ComboBox默认样式藏了不少细节，直接在Style里设置Background经常改不到那些顽固的灰色区域——因为ComboBox的默认ControlTemplate里，很多视觉元素（比如输入区域的背景、下拉按钮的背景）是绑定到系统内置的Brush资源，而不是直接用控件的Background属性，所以你之前写的<Setter Property="Background" Value="#172840"/>才会看起来没效果。

下面给你两种靠谱的解决方法，从简单到彻底：

方法一：覆盖系统内置Brush资源（快速解决） #

WPF的ComboBox默认模板会引用几个系统定义的Brush，比如ComboBoxBackground、SystemColors.WindowBrushKey这些，我们可以在ComboBox的Style里重新定义这些资源，不用修改整个模板就能替换灰色背景：

<Style TargetType="ComboBox">
    <Setter Property="Height" Value="35"/>
    <Setter Property="BorderThickness" Value="0"/>
    <Setter Property="VerticalContentAlignment" Value="Center"/>
    <Setter Property="Foreground" Value="#172840"/>
    
    <!-- 关键：覆盖ComboBox模板用到的系统Brush -->
    <Style.Resources>
        <!-- 替换ComboBox输入区域的默认背景 -->
        <SolidColorBrush x:Key="{x:Static SystemColors.WindowBrushKey}" Color="#172840"/>
        <!-- 替换ComboBox下拉面板的默认背景 -->
        <SolidColorBrush x:Key="{x:Static SystemColors.ControlBrushKey}" Color="#172840"/>
        <!-- 替换ComboBox控件本身的默认背景Brush -->
        <SolidColorBrush x:Key="ComboBoxBackground" Color="#172840"/>
    </Style.Resources>
</Style>

<!-- 保留你原来的ComboBoxItem样式 -->
<Style TargetType="ComboBoxItem">
    <Setter Property="Height" Value="35"/>
    <Setter Property="Foreground" Value="White"/>
    <Setter Property="Background" Value="#172840"/>
    <Setter Property="BorderThickness" Value="0"/>
    <Style.Triggers>
        <Trigger Property="IsMouseOver" Value="True">
            <Setter Property="Background" Value="LightBlue" />
            <Setter Property="Foreground" Value="#172840" />
        </Trigger>
        <Trigger Property="IsSelected" Value="True">
            <Setter Property="Foreground" Value="#172840" />
        </Trigger>
    </Style.Triggers>
</Style>

注意事项： #

• 这种方法的好处是不用改模板，代码量极小
• 缺点是这些系统Brush可能会影响其他同类型控件，所以建议把这个Style放在目标ComboBox的父容器Resources里（比如Window/UserControl的Resources），或者给Style加x:Key，只手动应用到需要修改的ComboBox上，避免全局样式污染。

方法二：重写ComboBox的ControlTemplate（完全自定义） #

如果方法一没解决所有灰色区域，或者你需要更精细的样式控制，那就得重写ComboBox的ControlTemplate，这样能完全掌控每个视觉元素的颜色：

<Style TargetType="ComboBox">
    <Setter Property="Height" Value="35"/>
    <Setter Property="BorderThickness" Value="0"/>
    <Setter Property="VerticalContentAlignment" Value="Center"/>
    <Setter Property="Foreground" Value="#172840"/>
    <!-- 重写ControlTemplate -->
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="ComboBox">
                <Grid x:Name="templateRoot" SnapsToDevicePixels="True">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="*"/>
                        <ColumnDefinition MinWidth="{DynamicResource {x:Static SystemParameters.VerticalScrollBarWidthKey}}" Width="0"/>
                    </Grid.ColumnDefinitions>
                    <!-- 替换ComboBox主区域的背景 -->
                    <Border x:Name="background" Background="#172840" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Grid.ColumnSpan="2"/>
                    <Border x:Name="border" Background="Transparent" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Grid.ColumnSpan="2"/>
                    <!-- 下拉面板部分 -->
                    <Popup x:Name="popup" AllowsTransparency="True" Grid.ColumnSpan="2" IsOpen="{Binding IsDropDownOpen, Mode=TwoWay, RelativeSource={RelativeSource TemplatedParent}}" Margin="1" PopupAnimation="{DynamicResource {x:Static SystemParameters.ComboBoxPopupAnimationKey}}" Placement="Bottom">
                        <Themes:SystemDropShadowChrome x:Name="shadow" Color="Transparent" MaxHeight="{TemplateBinding MaxDropDownHeight}" MinWidth="{Binding ActualWidth, ElementName=templateRoot}">
                            <!-- 替换下拉面板的背景 -->
                            <Border x:Name="dropDownBorder" Background="#172840" BorderBrush="{DynamicResource {x:Static SystemColors.WindowFrameBrushKey}}" BorderThickness="1">
                                <ScrollViewer x:Name="dropDownScrollViewer">
                                    <Grid x:Name="grid" RenderOptions.ClearTypeHint="Enabled">
                                        <Canvas x:Name="canvas" HorizontalAlignment="Left" Height="0" VerticalAlignment="Top" Width="0">
                                            <Rectangle x:Name="opaqueRect" Fill="{Binding Background, ElementName=dropDownBorder}" Height="{Binding ActualHeight, ElementName=dropDownBorder}" Width="{Binding ActualWidth, ElementName=dropDownBorder}"/>
                                        </Canvas>
                                        <ItemsPresenter x:Name="itemsPresenter" KeyboardNavigation.DirectionalNavigation="Contained" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"/>
                                    </Grid>
                                </ScrollViewer>
                            </Border>
                        </Themes:SystemDropShadowChrome>
                    </Popup>
                    <!-- 下拉按钮 -->
                    <ToggleButton x:Name="toggleButton" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" Grid.ColumnSpan="2" IsChecked="{Binding IsDropDownOpen, Mode=TwoWay, RelativeSource={RelativeSource TemplatedParent}}">
                        <ToggleButton.Style>
                            <Style TargetType="ToggleButton">
                                <Setter Property="OverridesDefaultStyle" Value="True"/>
                                <Setter Property="IsTabStop" Value="False"/>
                                <Setter Property="Focusable" Value="False"/>
                                <Setter Property="Template">
                                    <Setter.Value>
                                        <ControlTemplate TargetType="ToggleButton">
                                            <Border x:Name="templateRoot" Background="Transparent" BorderBrush="Transparent" BorderThickness="0">
                                                <Grid x:Name="grid" HorizontalAlignment="Right" Margin="10 0" VerticalAlignment="Center">
                                                    <!-- 下拉箭头颜色可以自己改 -->
                                                    <Path x:Name="arrow" Data="M0,0L3.5,4 7,0z" Fill="White" HorizontalAlignment="Center" VerticalAlignment="Center"/>
                                                </Grid>
                                            </Border>
                                        </ControlTemplate>
                                    </Setter.Value>
                                </Setter>
                            </Style>
                        </ToggleButton.Style>
                    </ToggleButton>
                    <!-- 选中内容的展示区域 -->
                    <ContentPresenter x:Name="contentPresenter" ContentTemplate="{TemplateBinding SelectionBoxItemTemplate}" ContentTemplateSelector="{TemplateBinding ItemTemplateSelector}" Content="{TemplateBinding SelectionBoxItem}" ContentStringFormat="{TemplateBinding SelectionBoxItemStringFormat}" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" IsHitTestVisible="False" Margin="{TemplateBinding Padding}" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
                </Grid>
                <ControlTemplate.Triggers>
                    <Trigger Property="HasDropShadow" SourceName="popup" Value="True">
                        <Setter Property="Margin" TargetName="shadow" Value="0,0,5,5"/>
                        <Setter Property="Color" TargetName="shadow" Value="#71000000"/>
                    </Trigger>
                    <Trigger Property="HasItems" Value="False">
                        <Setter Property="Height" TargetName="dropDownBorder" Value="95"/>
                    </Trigger>
                    <Trigger Property="IsEnabled" Value="False">
                        <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
                        <Setter Property="Fill" TargetName="arrow" Value="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
                    </Trigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

<!-- 保留你原来的ComboBoxItem样式 -->
<Style TargetType="ComboBoxItem">
    <Setter Property="Height" Value="35"/>
    <Setter Property="Foreground" Value="White"/>
    <Setter Property="Background" Value="#172840"/>
    <Setter Property="BorderThickness" Value="0"/>
    <Style.Triggers>
        <Trigger Property="IsMouseOver" Value="True">
            <Setter Property="Background" Value="LightBlue" />
            <Setter Property="Foreground" Value="#172840" />
        </Trigger>
        <Trigger Property="IsSelected" Value="True">
            <Setter Property="Foreground" Value="#172840" />
        </Trigger>
    </Style.Triggers>
</Style>

关键修改点： #

• 把模板里的background Border（ComboBox主区域背景）设为#172840
• 把下拉面板的dropDownBorder背景也设为#172840
• 下拉按钮的背景改成了透明，避免出现额外的灰色区域

这种方法的好处是完全没有样式死角，你可以随意修改每个部分的颜色、布局，缺点是代码量稍大，不过复制粘贴就能用，也可以根据自己的需求再调整细节。

最后补充 #

你原来的ComboBoxItem样式是没问题的，直接保留就行。建议先试方法一，快且简单；如果还有灰色区域没覆盖到，再用方法二彻底解决。

如果还有其他细节要调整，随时告诉我！ 😊