c# – WPF在MouseOver上绘制边框

我有一个 WPF应用程序,我试图创建一个关闭按钮,如图像.
我试图绘制一个边框或鼠标悬停边框……但我似乎无法使它工作.
我尝试了6种不同的方法…图像,边框与图像,画笔等.

我目前正在使用以下代码：

<Canvas Name="cMin" Height="16" Width="16"
        Grid.Column="1" Grid.Row="1">
    <Canvas.Background>
        <ImageBrush ImageSource="_.png" Stretch="None" />
    </Canvas.Background>
    <Border BorderBrush="Transparent" BorderThickness="1" Background="Transparent" 
            CornerRadius="0" Height="18" Width="18">
         <Border.Style>
            <Style targettype="Border">
                <Style.Triggers>
                    <Trigger Property="IsMouSEOver" Value="True">
                        <Setter Property="BorderBrush" Value="LightBlue" />
                    </Trigger>
                    <Trigger Property="IsMouSEOver" Value="False">
                        <Setter Property="BorderBrush" Value="Transparent" />
                    </Trigger>
                </Style.Triggers>
            </Style>
        </Border.Style>
    </Border>
</Canvas>

任何帮助,将不胜感激,
谢谢！

解决方法

问题是BorderBrush属性的本地值优先于Style Trigger. This MSDN article描述了如何解决有效值.基本上,从Border元素中删除本地值,它应该工作.如果需要指定属性,可以在样式的Setter中执行此操作.此外,不需要第二个触发器,因为当属性切换回false时,该值将恢复为原始值：

<Border BorderThickness="1" Background="Transparent" 
        CornerRadius="0" Height="18" Width="18">
     <Border.Style>
        <Style targettype="Border">
            <Style.Triggers>
                <Trigger Property="IsMouSEOver" Value="True">
                    <Setter Property="BorderBrush" Value="LightBlue" />
                </Trigger>
            </Style.Triggers>
        </Style>
    </Border.Style>
</Border>