Триггеры стиля кнопки WPF
Изучаю WPF и MVVM, решил написать стиль для текстбокса чтобы создать ввод ника где будет убираться текстблок при вводе и где при вводе будет кнопка для подтверждения ника, вот код стиля кнопки:
<!--Кнопка подтвеждения никнейма-->
<Button VerticalAlignment="Center"
HorizontalAlignment="Right"
Background="Transparent"
BorderThickness="0"
Cursor="Hand">
<Image Source="/images/check_mark.png" Width="25" Height="25"/>
<Button.Style>
<Style TargetType="{x:Type Button}">
<Style.Triggers>
<DataTrigger Binding="{Binding Text, ElementName=NameBox}" Value="">
<Setter Property="Visibility" Value="Hidden"/>
</DataTrigger>
<Trigger Property="IsMouseOver" Value="True">
<Setter Property="Background" Value="Red"/>
</Trigger>
<Trigger Property="IsPressed" Value="True">
<Setter Property="Background" Value="Red"/>
</Trigger>
</Style.Triggers>
<Setter Property="Background" Value="Transparent"/>
<Setter Property="Visibility" Value="Visible"/>
</Style>
</Button.Style>
</Button>
А вот код всего стиля
<Style TargetType="TextBox" x:Key="enternickname">
<!--Создадим бордер где будет наш текстбокс-->
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="TextBox">
<Grid>
<Border
Background="#323437"
CornerRadius="10"
Width="190"
Height="40"
Padding="5">
<Grid>
<!--Добавим текст бокс-->
<TextBox
Text="{TemplateBinding Text}"
Background="Transparent"
BorderThickness="0"
Foreground="#deddd0"
FontSize="20"
Margin="1,0,0,0"
x:Name="NameBox"
MaxLength="15"/>
<!--добавим текст блок который будет исчезать при нажатии-->
<TextBlock
IsHitTestVisible="False"
Text="Никнейм"
Foreground="Gray"
FontSize="20"
VerticalAlignment="Center">
<TextBlock.Style>
<Style TargetType="{x:Type TextBlock}">
<Style.Triggers>
<DataTrigger Binding="{Binding Text, ElementName=NameBox}" Value="">
<Setter Property="Visibility" Value="Visible"/>
</DataTrigger>
</Style.Triggers>
<Setter Property="Visibility" Value="Hidden"/>
</Style>
</TextBlock.Style>
</TextBlock>
<!--Кнопка подтвеждения никнейма-->
<Button VerticalAlignment="Center"
HorizontalAlignment="Right"
Background="Transparent"
BorderThickness="0"
Cursor="Hand">
<Image Source="/images/check_mark.png" Width="25" Height="25"/>
<Button.Style>
<Style TargetType="{x:Type Button}">
<Style.Triggers>
<DataTrigger Binding="{Binding Text, ElementName=NameBox}" Value="">
<Setter Property="Visibility" Value="Hidden"/>
</DataTrigger>
<Trigger Property="IsMouseOver" Value="True">
<Setter Property="Background" Value="Red"/>
</Trigger>
<Trigger Property="IsPressed" Value="True">
<Setter Property="Background" Value="Red"/>
</Trigger>
</Style.Triggers>
<Setter Property="Background" Value="Transparent"/>
<Setter Property="Visibility" Value="Visible"/>
</Style>
</Button.Style>
</Button>
</Grid>
</Border>
</Grid>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
Проблема в том, что при наведении на кнопку задний фон не меняется(красный как пример поставлен), а хотелось бы чтобы менялся, в чем точно проблема не знаю, возможно в том что я наворотил просто стиль в стиле и при этом возможно с неправильной последовательностью, поэтому прошу помощи у более знающих людей!