Home/ Questions/Q 6002771
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-23T01:01:35+00:00

How to set the background of TabItem? I tried the following code: <TabControl> <TabItem

  • 0

How to set the background of TabItem? I tried the following code:

<TabControl>
    <TabItem Header="Test" Background="Blue" Foreground="Red" />
</TabControl>

Foreground works, but Background does not work.

enter image description here

Any ideas? Thanks

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    What is happening is that in the case of a single tab, it is always selected, and so you are only seeing the selection style of the tab item.

    For example, take a look at the following TabControl:

    <TabControl>
    <TabItem Header="Tab A" Background="Blue" Foreground="Red">
        <Grid />
    </TabItem>

    <TabItem Header="Tab B" Background="Green" Foreground="Navy" >
        <Grid />
    </TabItem>

    <TabItem Header="Tab C" Background="LightBlue">
        <Grid />
    </TabItem>

</TabControl>

    Tab A will not display its Blue background until you select a different tab. If you truly want the Background to remain the same regardless of whether it is selected or not, you will need to override the control template of the TabItem.

    See the question TabItem Background color changes when tabitem selected or hover over for an example of how to do this.

    • 0