how to override WPF Theme style for a single button

Question

I succesfully apply a theme to my WPF app.

Now I need a specific button to style in a totally different way but I cannot override what the theme applies.

How can this be done?

Answer 1

Create two styles. One you already create for all buttons in your application. Now create another style but put the key attribute to it and assign it to your specific buttons.

In your App.xaml:

<Style TargetType="{x:Type Button}"> <!-- This is for generic button -->
    <Setter Property="FontSize" Value="12"/>
</Style>  

Now its time for your specific button:

<Style TargetType="{x:Type Button}" x:Key="specificButton"> <!-- This is for specific button -->
    <Setter Property="FontSize" Value="20"/>
</Style>  

In your Page or UserControl:

<Button Width="200" Height="50" VerticalAlignment="Top" Margin="0,20,0,0" />
<Button Style="{StaticResource specificButton}" Width="200" Height="50" VerticalAlignment="Top" Margin="0,20,0,0" />  

Hope it helps.