title: Change the menuItems look
body: <p>Currently I have a menu which looks like the image below.</p>
  
  <p><img src="https://i.stack.imgur.com/fOoLp.jpg" alt="enter image description here"></p>
  
  <p>I want to get rid of the white bounding box so that it looks like the image below.</p>
  
  <p><img src="https://i.stack.imgur.com/HKZnT.jpg" alt="enter image description here"></p>
  
  <p>When I mouseOver any Item in the menu it looks like :
  <img src="https://i.stack.imgur.com/nABRw.jpg" alt="enter image description here"></p>
  
  <p>But when I mouseOver the any sub-Item it looks like Item Delete in first image. I want it look like menuItem Masters in the third image.</p>
  
  <p>For menuItem and its subItems I am using same style. The XAML is :</p>
  
  <pre><code>&lt;Window .....&gt;
      &lt;Window.Resources&gt;
          &lt;Storyboard x:Key="mnuItems_MouseEnter"&gt;
              &lt;ColorAnimationUsingKeyFrames Storyboard.TargetProperty="(TextElement.Foreground).(SolidColorBrush.Color)" &gt;
                  &lt;EasingColorKeyFrame KeyTime="0:0:0.2" Value="DeepSkyBlue"/&gt;
              &lt;/ColorAnimationUsingKeyFrames&gt;
          &lt;/Storyboard&gt;
          &lt;Storyboard x:Key="mnuItems_MouseLeave"&gt;
              &lt;ColorAnimationUsingKeyFrames Storyboard.TargetProperty="(TextElement.Foreground).(SolidColorBrush.Color)" &gt;
            &lt;EasingColorKeyFrame KeyTime="0:0:0.2" Value="White"/&gt;
              &lt;/ColorAnimationUsingKeyFrames&gt;
          &lt;/Storyboard&gt;
          &lt;Style x:Key="mnuItems_Style" TargetType="MenuItem"&gt;
              &lt;Style.Triggers&gt;
            &lt;EventTrigger RoutedEvent="Mouse.MouseEnter"&gt;
          &lt;EventTrigger.Actions&gt;
              &lt;BeginStoryboard x:Name="mnuItems_MouseEnter_BeginStoryBoard" Storyboard="{StaticResource mnuItems_MouseEnter}" /&gt;
          &lt;/EventTrigger.Actions&gt;
            &lt;/EventTrigger&gt;
            &lt;EventTrigger RoutedEvent="Mouse.MouseLeave"&gt;
          &lt;EventTrigger.Actions&gt;
                    &lt;BeginStoryboard x:Name="mnuItems_MouseLeave_BeginStoryBoard" Storyboard="{StaticResource mnuItems_MouseLeave}" /&gt;
          &lt;/EventTrigger.Actions&gt;
            &lt;/EventTrigger&gt;
        &lt;/Style.Triggers&gt;
          &lt;/Style&gt;
      &lt;/Window.Resources&gt;
  
      &lt;Grid&gt;
          &lt;Menu x:Name="MainMenu" Height="37" Margin="127,28,188,0" VerticalAlignment="Top" Background="{x:Null}"&gt;
              &lt;MenuItem x:Name="mnuCompany" Header="Company" FontSize="21.333" Foreground="White" Style="{StaticResource mnuItems_Style}" /&gt;
            &lt;MenuItem x:Name="mnuCreateCompany" Header="Create" FontSize="21.333" Foreground="White" Style="{StaticResource mnuItems_Style}" Background="#FF333333"&gt;
            &lt;MenuItem x:Name="mnuEditCompany" Header="Edit" FontSize="21.333" Foreground="White" Style="{StaticResource mnuItems_Style}" Background="#FF333333"/&gt;
            &lt;MenuItem x:Name="mnuDeleteCompany" Header="Delete" FontSize="21.333" Foreground="White" Style="{StaticResource mnuItems_Style}" Background="#FF333333"/&gt;
            &lt;MenuItem x:Name="mnuExit" Header="Exit" FontSize="21.333" Foreground="White" Style="{StaticResource mnuItems_Style}" Background="#FF333333"/&gt;
              &lt;/MenuItem&gt;
              &lt;MenuItem x:Name="mnuMasters" Header="Masters" FontSize="21.333" Foreground="White" Style="{StaticResource mnuItems_Style}"/&gt;
        &lt;MenuItem x:Name="mnuTransactions" Header="Transactions" FontSize="21.333" Foreground="White" Style="{StaticResource mnuItems_Style}"/&gt;
        &lt;MenuItem x:Name="mnuReports" Header="Reports" FontSize="21.333" Foreground="White" Style="{StaticResource mnuItems_Style}"/&gt;
        &lt;MenuItem x:Name="mnuSettings" Header="Settings" FontSize="21.333" Foreground="White" Style="{StaticResource mnuItems_Style}"/&gt;
          &lt;/Menu&gt;
      &lt;/Grid&gt;
  &lt;/Window&gt;
  </code></pre>
  
  <p><strong>Edit :</strong></p>
  
  <p>At Design Time.</p>
  
  <p><img src="https://i.stack.imgur.com/jjEvK.jpg" alt="enter image description here"></p>
  
  <p>At Runtime :</p>
  
  <p><img src="https://i.stack.imgur.com/I59nm.jpg" alt="enter image description here"></p>