How to change the button color onmoveover,onmouseleave in wpf by using triggers or any other events.

Question

I have developed a WPF Application with some buttons. Now i want to change the color of those buttons onmouseover,onmouseleave,onmouseenter by using triggers or any other events. Any suggestion plz Thanks in advance.

Answer 1

A simple Google search for "button mouseover wpf" yields this as its first result:

How do I change an item's appearance on mouseover in WPF?

Voting to close.

Answer 2

Inside the desired event, you can set the background color like this...

// Change the background color of button1 to Blue
button1.Background = Brushes.Blue;

You can also set this in a trigger:

<!-- Button will change from Blue to Yellow on MouseOver -->
<Style TargetType="{x:Type Button}">
    <Setter Property="Background" Value="Blue" />
    <Style.Triggers>
        <Trigger Property="IsMouseOver" Value="True">
            <Setter Property="Background" Value="Yellow" />
        </Trigger>
    </Style.Triggers>
</Style>

For even more details, check out the Property Triggers section of this article.