How to change button background in WPF on mouse hover?

Question

WPF

Hey! There is a problem with the fact that I am trying to add styles to a button. All work fine, except for the background change on hover. I register a trigger with a background color change, but it does not change the color to the one I specified. I understand that there is some standard style that sets the background on hover, which I cannot change.

<Application.Resources>
        <Style x:Key="cdButton" TargetType="Button">
            <Setter Property="Background" Value="#3D5754" />
            <Style.Triggers>
                <Trigger Property="IsMouseOver" Value="True">
                    <Setter Property="Background" Value="Red" />
                </Trigger>
            </Style.Triggers>
        </Style>
    </Application.Resources>

<Button Content="Войти" Margin="0 20" Click="button_Sign_Click" Style="{StaticResource cdButton}" >

Shows the following without hover:
Shows with hover:
What you would like on hover:

Answer 1

You need to change the button template and bind the button background color with the border background color:

<Style TargetType="{x:Type Button}">
    <Setter Property="Background" Value="#3D5754"/>
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type Button}">
                <Border Background="{TemplateBinding Background}">
                    <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center"/>
                </Border>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
    <Style.Triggers>
        <Trigger Property="IsMouseOver" Value="True">
            <Setter Property="Background" Value="Red"/>
        </Trigger>
    </Style.Triggers>
</Style>

Answer 2

What is MemberLux or paid access on WordPress
WP Pay Access