When the mouse is above the menu item (first level), it displays the effect of a 3D button. How can this be removed?
Thank.
EDIT
Tried to
<Style TargetType="MenuItem">
<Style.Triggers>
<Trigger Property="IsMouseOver" Value="True">
<Setter Property="BorderBrush" Value="Transparent">
<Setter Property="BorderThickness" Value="0">
</Trigger>
</Style.Triggers>
</Style>
no effect.
XAML menu:
<Window x:Class="UCWPF.Window3"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:conv="clr-namespace:UCWPF.Converters"
Title="Window3" Height="600" Width="600"
Background="{StaticResource WindowBackgroundBrush}"
>
<StackPanel Style="{StaticResource WindowContainerStyle}">
<Menu>
<MenuItem Header="New" Icon="{StaticResource ImageNew}" />
<MenuItem Header="Open" Icon="{StaticResource ImageOpen}" />
<MenuItem Header="Save" Icon="{StaticResource ImageSave}" />
<MenuItem Header="Export" Icon="{StaticResource ImageExport}" />
</Menu>
...
And here is a screenshot:
bordereffect http://img408.imageshack.us/img408/6517/menuborder.png
EDIT 2 :
With great power comes great ... complexity: (.
It seems that the entire menu template needs to be redefined to achieve my goal. The 3D effect is set by the MenuItem child border (identified with Snoop), which, when hovering, sets its BorderStyle to be enhanced. I do not know if this border style can be affected inside the element <Style TargetType="MenuItem">, any feedback would be greatly appreciated.