如何在 XAML 中设置边框的 MouseOver 事件/触发器？

Question

我希望当鼠标位于边框上方时边框变为绿色，然后当鼠标不再位于边框上方时返回蓝色。

我尝试这样做，但没有任何运气：

<Border 
    Name="ClearButtonBorder" 
    Grid.Column="1" 
    CornerRadius="0,3,3,0" 
    Background="Blue">
    <Border.Triggers>
        <Trigger Property="Border.IsMouseOver" Value="True">
            <Setter Property="Border.Background" Value="Green" />
        </Trigger>
        <Trigger Property="Border.IsMouseOver" Value="False">
            <Setter Property="Border.Background" Value="Blue" />
        </Trigger>
    </Border.Triggers>
    <TextBlock 
        HorizontalAlignment="Center" 
        VerticalAlignment="Center" 
        Text="X" />
</Border>

如何为 MouseOver 设置触发器或事件？

Answer 1

是的，这很令人困惑......

根据 这篇博文，看起来这是 WPF 的遗漏。

为了使它工作，你需要使用一种样式：

    <Border Name="ClearButtonBorder" Grid.Column="1" CornerRadius="0,3,3,0">
        <Border.Style>
            <Style>
                <Setter Property="Border.Background" Value="Blue"/>
                <Style.Triggers>
                    <Trigger Property="Border.IsMouseOver" Value="True">
                        <Setter Property="Border.Background" Value="Green" />
                    </Trigger>
                </Style.Triggers>
            </Style>
        </Border.Style>
        <TextBlock HorizontalAlignment="Center" VerticalAlignment="Center" Text="X" />
    </Border>

我想这个问题并不常见，因为大多数人倾向于将这种东西分解成一种样式，所以它可以在多个控件上使用。