xaml - XAML ボタン PointerOver VisualState が機能しないのはなぜですか?

Question

PointerOver次のVisualState を機能させようとしています。理想的には、マウス ポインターがボタンの上にあるときに、ボタンを黒い境界線で強調表示します。

私はこれを機能させるためにさまざまな方法を試してきました。助けてください。

注: BorderHighlight、Border 要素の BorderColor 値を設定すると、必要な境界線が得られますが、VisualState の一部として作成した場合はそうではありません。

<Style x:Key="SecondaryButton"  TargetType="Button">
    <Setter Property="Background" Value="LightSkyBlue"></Setter>
    <Setter Property="Foreground" Value="Black"></Setter>
    <Setter Property="Padding" Value="5"></Setter>
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="Button">
                <Border Height="{TemplateBinding Height}" Width="{TemplateBinding Width}" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" x:Name="ButtonHighlight" BorderThickness="2" BorderBrush="Transparent">
                    <Grid>
                        <Rectangle x:Name="innerRectangle" HorizontalAlignment="Stretch" 
                                   VerticalAlignment="Stretch" Stroke="Transparent" 
                                   StrokeThickness="20" Fill="{TemplateBinding Background}" 
                                   RadiusX="15" RadiusY="15"   />

                            <ContentPresenter x:Name="Text" Content="{TemplateBinding Content}" VerticalAlignment="Center" HorizontalAlignment="Center"/>
                            <VisualStateManager.VisualStateGroups>
                                <VisualStateGroup x:Name="CommonStates">
                                    <VisualState x:Name="Normal">
                                        <Storyboard>
                                            <ColorAnimation From="Transparent" To="Black" Storyboard.TargetName="Text" Storyboard.TargetProperty="(Button.Foreground).(SolidColorBrush.Color)" BeginTime="0" Duration="1"></ColorAnimation>
                                            <ColorAnimation From="Transparent" To="LightSkyBlue" Storyboard.TargetName="Text" Storyboard.TargetProperty="(Button.Background).(SolidColorBrush.Color)" BeginTime="0" Duration="1"></ColorAnimation>
                                        </Storyboard>
                                    </VisualState>
                                    <VisualState x:Name="PointerOver">
                                        <Storyboard>
                                            <ColorAnimation From="Transparent" To="Black" Storyboard.TargetName="ButtonHighlight" Storyboard.TargetProperty="(Border.BorderBrush).(SolidColorBrush.Color)"  Duration="0:0:1"></ColorAnimation>
                                        </Storyboard>
                                           .
                                           .
                                           .

質問を短く簡潔にするために無関係なコードを切り取りましたが、これはすべてコンパイルされ、望ましい結果が得られませんでした。2 つの長方形 (一方は他方よりも小さい) を使用することもできますが、実際の境界線で機能させたいと考えています。

さらに、ターゲティングの違いは次のとおりです。

   <ColorAnimation From="Transparent" To="Black" 
   Storyboard.TargetName="ButtonHighlight"   
   Storyboard.TargetProperty="BorderBrush.(SolidColorBrush.Color)"         
   Duration="0:0:1"></ColorAnimation>

と

   <ColorAnimation From="Transparent" To="Black" 
   Storyboard.TargetName="ButtonHighlight" 
   Storyboard.TargetProperty="(Border.BorderBrush).(SolidColorBrush.Color)"
   Duration="0:0:1"></ColorAnimation>