ListBox Item style not being applied

Question

I am trying to create a style for my ListBoxItem, however the style is not being applied.

Can anyone tell me what's wrong?

Code:

XAML:

<ListBox>
    <ListBox.ItemsPanel>
        <ItemsPanelTemplate>
            <VirtualizingStackPanel IsItemsHost="True" Orientation="Horizontal"/>
        </ItemsPanelTemplate>
    </ListBox.ItemsPanel>
    <ListBoxItem Style="{StaticResource MyListStyle}" Content="Test1" Foreground="Gray"/>
    <ListBoxItem Style="{StaticResource MyListStyle}" Content="Test2" Foreground="Gray"/>
</ListBox>

Style:

<Style x:Key="MyListStyle" TargetType="{x:Type ListBoxItem}">
        <Setter Property="Background" Value="Transparent"></Setter>
        <Style.Triggers>
            <Trigger Property="IsMouseOver" Value="True">
                <Setter Property="Foreground" Value="Black" />
            </Trigger>
            <Trigger Property="IsSelected" Value="True">
                <Setter Property="Foreground" Value="White"/>
            </Trigger>
        </Style.Triggers>
</Style>

score 1 · Accepted Answer · answered May 04 '21 at 01:19

1

Because WPF properties is listed from highest to lowest precedence

So your ListBoxItem.Foreground is local setting, highest than other

 <ListBoxItem Style="{StaticResource MyListStyle}" Content="Test2" Foreground="Gray"/>

You can remove

<ListBoxItem Style="{StaticResource MyListStyle}" Content="Test2"/>

And set Foreground in StaticResource style

<Style x:Key="MyListStyle" TargetType="{x:Type ListBoxItem}">
        <Setter Property="Background" Value="Transparent"></Setter>
        <Setter Property="Foreground" Value="Gray"></Setter>
        <Style.Triggers>
            <Trigger Property="IsMouseOver" Value="True">
                <Setter Property="Foreground" Value="Black" />
            </Trigger>
            <Trigger Property="IsSelected" Value="True">
                <Setter Property="Foreground" Value="White"/>
            </Trigger>
        </Style.Triggers>
    </Style>

You can find precedence list in wpf.2000things

And MSDN Dependency Property Setting Precedence List

answered May 04 '21 at 01:19

Allen Hu

141
6

just another question, how to remove this blue effect from the box? what name of this property – pablo kentch May 04 '21 at 01:35
Try in your MyListStyle StaticResource – Allen Hu May 04 '21 at 02:15
the blue box still appears – pablo kentch May 04 '21 at 02:25
So ListBox default style not blue, is defined ListBox style anywhere? – Allen Hu May 04 '21 at 02:31
Yes I already created the style and added, Foreground is working only this blue border when you select that I can't remove – pablo kentch May 04 '21 at 02:39
1

Ok I see, you want to remove selection highlight, answer here https://stackoverflow.com/questions/4343793/how-to-disable-highlighting-on-listbox-but-keep-selection – Allen Hu May 04 '21 at 02:46

ListBox Item style not being applied

1 Answers1