如何设置ComboBox第一项的ItemStyle？解决前景色显示异常问题

嘿，我之前也碰到过一模一样的情况，很快就能帮你搞定！

你已经正确设置了ComboBoxItem的前景色，让下拉选项显示白色，但选中后顶部框里的文本还是黑色——问题出在你定义的ComboBoxFlatStyle里的TextElement.Foreground属性设置：这个属性控制的是ComboBox控件本身的文本颜色（包括选中后显示在主区域的文本），而你现在把它设成了Black，所以才会和下拉项颜色不一致。

具体修改步骤： #

找到你的ComboBoxFlatStyle中的这一行：

<Setter Property="TextElement.Foreground" Value="Black"/>

把它改成和下拉项一致的颜色：

<Setter Property="TextElement.Foreground" Value="WhiteSmoke"/>

修改后的ComboBoxFlatStyle关键部分如下：

<Style x:Key="ComboBoxFlatStyle" TargetType="{x:Type ComboBox}">
    <Setter Property="UIElement.SnapsToDevicePixels" Value="True"/>
    <Setter Property="FrameworkElement.OverridesDefaultStyle" Value="True"/>
    <Setter Property="ScrollViewer.HorizontalScrollBarVisibility" Value="Auto"/>
    <Setter Property="ScrollViewer.VerticalScrollBarVisibility" Value="Auto"/>
    <Setter Property="ScrollViewer.CanContentScroll" Value="True"/>
    <!-- 修改这里的颜色值，和下拉项前景色保持一致 -->
    <Setter Property="TextElement.Foreground" Value="WhiteSmoke"/>
    <Setter Property="FrameworkElement.FocusVisualStyle" Value="{x:Null}"/>
    <!-- 后续代码保持不变 -->
    ...
</Style>

这样修改后，选中项显示在ComboBox主框里的文本就会和下拉项一样变成WhiteSmoke色了。

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