title: More flexible setters in ControlTemplate.Triggers
body: <p>I'm trying to style a button in XAML. Below you can see what I created so far.</p>
  
  <pre><code>&lt;Style TargetType="{x:Type Button}"&gt;
      &lt;Setter Property="Background" Value="#f2f2f7"/&gt;
      &lt;Setter Property="Padding" Value="6,4"/&gt;
      &lt;Setter Property="Foreground" Value="#222222" /&gt;
      &lt;Setter Property="Template"&gt;
          &lt;Setter.Value&gt;
              &lt;ControlTemplate TargetType="Button"&gt;
                  &lt;Border CornerRadius="1" Background="{TemplateBinding Background}" BorderThickness="1" BorderBrush="#b1b1c0"&gt;
                      &lt;Border CornerRadius="1" Background="{TemplateBinding Background}" BorderThickness="1,1,1,0" BorderBrush="#f8f8fa" Padding="{TemplateBinding Padding}"&gt;
                          &lt;ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center"&gt;
                          &lt;/ContentPresenter&gt;
                      &lt;/Border&gt;
                  &lt;/Border&gt;
                  &lt;ControlTemplate.Triggers&gt;
                      &lt;Trigger Property="IsMouseOver" Value="True"&gt;
                          &lt;Setter Property="Background" Value="#8e8eba" /&gt;
                          &lt;Setter Property="Foreground" Value="#f2f291" /&gt;
                      &lt;/Trigger&gt;
                  &lt;/ControlTemplate.Triggers&gt;
              &lt;/ControlTemplate&gt;
          &lt;/Setter.Value&gt;
      &lt;/Setter&gt;
  &lt;/Style&gt;
  </code></pre>
  
  <p>The problem is, that this button has two <code>&lt;Border&gt;</code> elements nested one in another. I'd like to have different <code>BorderBrush=""</code> attribute when <code>IsMouseOver</code> trigger is activated. For example, when I put mouse over button, the inner border would red, and outer border would be blue.</p>
  
  <p>Can you help me with that?</p>