如何让WPF ComboBox下拉选项的背景正常可见？

问题原因 #

你给ComboBox设置的Background="White"仅作用于ComboBox顶部的输入选择区域，下拉弹窗内的ComboBoxItem项容器没有继承该背景属性，通常是项目全局样式、第三方UI主题覆盖了默认ComboBoxItem的背景设置，导致背景透明/和文字色重合无法看清。

解决方法 #

• 方法1：单独给当前ComboBox设置选项容器样式（局部生效）
  直接在你的ComboBox代码内添加ItemContainerStyle属性，明确指定下拉项的背景：

<Grid Grid.Row="5" Grid.Column="1">
    <ComboBox Cursor="Hand" 
              SelectedItem="{Binding SelectedRealEstate}" 
              Background="White"  
              Name="cbbRealEstates"  
              ItemsSource="{Binding RealEstateSummary}">
        <!-- 新增下拉项样式设置 -->
        <ComboBox.ItemContainerStyle>
            <Style TargetType="ComboBoxItem">
                <Setter Property="Background" Value="White"/>
                <Setter Property="Foreground" Value="Black"/>
                <!-- 可选：设置鼠标悬浮、选中时的样式避免操作时看不清选项 -->
                <Style.Triggers>
                    <Trigger Property="IsMouseOver" Value="True">
                        <Setter Property="Background" Value="#FF1E90FF"/>
                        <Setter Property="Foreground" Value="White"/>
                    </Trigger>
                    <Trigger Property="IsSelected" Value="True">
                        <Setter Property="Background" Value="#FF1E90FF"/>
                        <Setter Property="Foreground" Value="White"/>
                    </Trigger>
                </Style.Triggers>
            </Style>
        </ComboBox.ItemContainerStyle>
    </ComboBox>
</Grid>

• 方法2：全局生效（项目所有ComboBox通用）
  如果项目内所有ComboBox都存在该问题，可以把样式写在App.xaml的资源字典里，不用逐个给ComboBox加样式：

<Application.Resources>
    <Style TargetType="ComboBoxItem">
        <Setter Property="Background" Value="White"/>
        <Setter Property="Foreground" Value="Black"/>
        <Style.Triggers>
            <Trigger Property="IsMouseOver" Value="True">
                <Setter Property="Background" Value="#FF1E90FF"/>
                <Setter Property="Foreground" Value="White"/>
            </Trigger>
            <Trigger Property="IsSelected" Value="True">
                <Setter Property="Background" Value="#FF1E90FF"/>
                <Setter Property="Foreground" Value="White"/>
            </Trigger>
        </Style.Triggers>
    </Style>
</Application.Resources>

• 方法3：使用第三方UI库的场景
  如果项目引入了MaterialDesign、HandyControl等第三方UI主题，找到对应主题中ComboBoxItem的样式Key，显式覆盖背景属性即可解决。

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