How do you disable MouseOver effects on a Button in WPF?

Question

I'm trying to disable the MouseOver effect on buttons, or at least change the colour of it, in WPF.

I'm using the following style:

<Style x:Key="Borderless" TargetType="{x:Type Button}">
            <Setter Property="OverridesDefaultStyle" Value="True"/>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type Button}">
                        <Button Background="{TemplateBinding Control.Background}"
                                Focusable="False">
                            <ContentPresenter
                  Margin="{TemplateBinding Control.Padding}"
                  HorizontalAlignment="{TemplateBinding Control.HorizontalContentAlignment}"
                  VerticalAlignment="{TemplateBinding Control.VerticalContentAlignment}"
                  SnapsToDevicePixels="{TemplateBinding UIElement.SnapsToDevicePixels}"
                  ContentTemplate="{TemplateBinding ContentControl.ContentTemplate}"
                  RecognizesAccessKey="True"
                  Content="{TemplateBinding ContentControl.Content}" />
                            </Button>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>

in Window.Resources, which I thought would override all the default behaviours. But it doesn't.

Any suggestions?

Answer 1

Look what your control template boils down to:

<ControlTemplate TargetType="{x:Type Button}">
    <Button>
        <ContentPresenter/>
    </Button>
</ControlTemplate>

You're saying, "I want to replace the look of my button with... a button." The usage of the ControlTemplate is to replace the visual tree of a control. So you are replacing the visual tree of the existing button with another button. If you want to start a button from scratch, try using the SimpleStyles button:

<Style TargetType="{x:Type Button}">
<Setter Property="SnapsToDevicePixels" Value="true"/>
<Setter Property="OverridesDefaultStyle" Value="true"/>
<Setter Property="MinHeight" Value="23"/>
<Setter Property="MinWidth" Value="75"/>
<Setter Property="Template">
  <Setter.Value>
    <ControlTemplate TargetType="{x:Type Button}">
      <Border 
        x:Name="Border"  
        CornerRadius="2" 
        BorderThickness="1"
        Background="#C0C0C0"
        BorderBrush="#404040">
        <ContentPresenter 
          Margin="2"
          HorizontalAlignment="Center"
          VerticalAlignment="Center"
          RecognizesAccessKey="True"/>
      </Border>
      <ControlTemplate.Triggers>
        <Trigger Property="IsKeyboardFocused" Value="true">
          <Setter TargetName="Border" Property="BorderBrush" Value="#202020" />
        </Trigger>
        <Trigger Property="IsDefaulted" Value="true">
          <Setter TargetName="Border" Property="BorderBrush" Value="#202020" />
        </Trigger>
        <Trigger Property="IsMouseOver" Value="true">
          <Setter TargetName="Border" Property="Background" Value="#808080" />
        </Trigger>
        <Trigger Property="IsPressed" Value="true">
          <Setter TargetName="Border" Property="Background" Value="#E0E0E0" />
          <Setter TargetName="Border" Property="BorderBrush" Value="#606060" />
        </Trigger>
        <Trigger Property="IsEnabled" Value="false">
          <Setter TargetName="Border" Property="Background" Value="#EEEEEE" />
          <Setter TargetName="Border" Property="BorderBrush" Value="#AAAAAA" />
          <Setter Property="Foreground" Value="#888888"/>
        </Trigger>
      </ControlTemplate.Triggers>
    </ControlTemplate>
  </Setter.Value>
</Setter>

Notice that this template creates a button the simplest possible way: a border that contains the button content. It does not use another button embedded inside the template.