[![enter image description here](https://i.stack.imgur.com/lS7vw.png)](https://i.stack.imgur.com/lS7vw.png)

I want to change the background color of `MenuItem` when `IsMouseOver` is triggered but without using a `Template`.

Could it happen?

Or should I use a `Template` to change background color of `MenuItem` when `IsMouseOver` is triggered?

**Edit:**

I try to add `ControlTemplate` using dhilmathy's advice, now I can change the background of the header when `IsMouseOver` is triggered, but how can I change the background of `MenuItem`? MenuItems now disappeared.

[![enter image description here](https://i.stack.imgur.com/uCyGZ.png)](https://i.stack.imgur.com/uCyGZ.png)

XAML below as:

```xml
<Menu Grid.Column="0" Background="#000d18" BorderBrush="#000d18" Cursor="Hand" Margin="28,0,0,0">
    <MenuItem Header="Test1" Width="72" Height="42" Foreground="#d8d8d8" FontSize="16">
        <MenuItem Header="Content1" Style="{StaticResource MenuItemStyle}"/>
        <MenuItem Header="Content2" Style="{StaticResource MenuItemStyle}"/>
        <MenuItem Header="Content3" Style="{StaticResource MenuItemStyle}"/>
        <MenuItem Header="Content4" Style="{StaticResource MenuItemStyle}"/>
        <MenuItem Header="Content5" Style="{StaticResource MenuItemStyle}"/>
        <MenuItem Header="Content6" Style="{StaticResource MenuItemStyle}"/>
    </MenuItem>
    <MenuItem Header="Test2" Width="72" Height="42" Foreground="#d8d8d8" FontSize="16">
        <MenuItem.Style>
            <Style TargetType="MenuItem">
                <Style.Setters>
                    <Setter Property="Template">
                        <Setter.Value>
                            <ControlTemplate TargetType="{x:Type MenuItem}">
                                <Border Width="72" Height="42" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}">
                                    <ContentPresenter x:Name="ContentPresenter" Content="{TemplateBinding Header}" ContentSource="Header" Margin="{TemplateBinding Padding}" VerticalAlignment="Center"/>
                                </Border>
                                <ControlTemplate.Triggers>
                                    <Trigger Property="IsMouseOver" Value="True">
                                        <Setter Property="Background" Value="#1271C8"/>
                                    </Trigger>
                                </ControlTemplate.Triggers>
                            </ControlTemplate>
                        </Setter.Value>
                    </Setter>
                </Style.Setters>
            </Style>
        </MenuItem.Style>
        <MenuItem Header="Content1" Style="{StaticResource MenuItemStyle}"/>
        <MenuItem Header="Content2" Style="{StaticResource MenuItemStyle}"/>
        <MenuItem Header="Content3" Style="{StaticResource MenuItemStyle}"/>
    </MenuItem>
    <MenuItem Header="Test3" Width="72" Height="42" Foreground="#d8d8d8" FontSize="16"></MenuItem>
</Menu>

```

MenuItem Styles:

```
<Style x:Key="MenuItemStyle" TargetType="{x:Type MenuItem}">
    <Setter Property="Foreground" Value="#d8d8d8"/>
    <Setter Property="Background" Value="#414141"/>
    <Setter Property="BorderThickness" Value="0"/>
    <Setter Property="BorderBrush" Value="#414141"/>
    <Setter Property="Cursor" Value="Hand"/>
    <Setter Property="FontSize" Value="16"/>
    <Setter Property="FontFamily" Value="Arial"/>
    <Style.Triggers>
        <Trigger Property="IsMouseOver" Value="True">
            <Setter Property="Foreground" Value="#011627"/>
            <!--<Setter Property="Background" Value="#1271C8"/>-->
        </Trigger>
    </Style.Triggers>
</Style>

```