How to remove default mouse-over effect on WPF buttons?

by

This is similar to the solution referred by Mark Heath but with not as much code to just create a very basic button, without the built-in mouse over animation effect. It preserves a simple mouse over effect of showing the button border in black.

The style can be inserted into the Window.Resources or UserControl.Resources section for example (as shown).

<UserControl.Resources>
    <!-- This style is used for buttons, to remove the WPF default 'animated' mouse over effect -->
    <Style x:Key="MyButtonStyle" TargetType="Button">
        <Setter Property="OverridesDefaultStyle" Value="True"/>
        <Setter Property="Margin" Value="5"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="Button">
                    <Border Name="border" 
                        BorderThickness="1"
                        Padding="4,2" 
                        BorderBrush="DarkGray" 
                        CornerRadius="3" 
                        Background="{TemplateBinding Background}">
                        <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center" />
                    </Border>
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsMouseOver" Value="True">
                            <Setter TargetName="border" Property="BorderBrush" Value="Black" />
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
</UserControl.Resources>

<!-- usage in xaml -->
<Button Style="{StaticResource MyButtonStyle}">Hello!</Button>

More Related Contents:

  1. How do you change Background for a Button MouseOver in WPF?
  2. Change color of Button when Mouse is over
  3. How to bind Close command to a button
  4. WPF Change button background image when clicked
  5. How do you completely remove the button border in wpf?
  6. TabControl with Add New Tab Button (+)
  7. Create flat button in WPF
  8. How do you disable MouseOver effects on a Button in WPF?
  9. WPF MouseLeftButtonUp Not Firing
  10. Get rid of button border in WPF?
  11. wpf custom button best approach
  12. WPF – How to create image button with template
  13. Open File Dialog MVVM
  14. WPF Get Element(s) under mouse
  15. WPF: Slider with an event that triggers after a user drags
  16. In WPF, why doesn’t TemplateBinding work where Binding does?
  17. Set a property of a nested element in an WPF style
  18. Should a user control have its own view model?
  19. WPF: AutoComplete TextBox, …again
  20. How can I style the border and title bar of a window in WPF? [duplicate]
  21. Why can’t I style a DataGridTextColumn?
  22. How do I convert a WPF size to physical pixels?
  23. Binding [VisualStateManager] view state to a MVVM viewmodel?
  24. WPF: How to customize SelectionBoxItem in ComboBox
  25. Binding StringFormat
  26. MVVM and the TextBox’s SelectedText property
  27. how can I enable scrollbars on the WPF Datagrid?
  28. How can I get the position of a child element relative to a parent?
  29. How to make the border trim the child elements?
  30. Bind a property to DataTemplateSelector

Leave a Comment