如何在WPF中向文本框添加“清除”按钮？

我正在为我的WPF应用程序设计一个控件，该控件需要在的Button内部TextBox。在Button将包含一个鼠标悬停改变图像，但我已经知道如何做到这一点的一部分。什么我在与实际包括的麻烦Button中TextBox，让它只尽可能多的空间占用为图像和透明。以下是到目前为止我尝试过的标记：

XAML：

<Grid>
  <TextBox x:Name="SearchBoxView" HorizontalAlignment="Right" Width="200" Margin="5, 5, 10, 5" FontSize="16" KeyUp="SearchBoxKeyDown" Text="{Binding SearchText, Mode=TwoWay}" Grid.Column="0"/>
  <Button Background="Transparent" HorizontalAlignment="Right" HorizontalContentAlignment="Center" VerticalContentAlignment="Center">
    <Button.Content>
      <Image Source="Image.png" Stretch="None" RenderOptions.BitmapScalingMode="NearestNeighbor" VerticalAlignment="Center" HorizontalAlignment="Center"/>
    </Button.Content>
  </Button>
</Grid>

我一直关注着这个问题：如何在wpf中实现带有清除按钮的文本框？，它也链接到本文：WPF搜索文本框。问题中建议的XAML无效，我认为这是因为Style它们使用了我无法访问的XAML 。这篇文章提供了太多的信息，主要讨论的是为了交换鼠标悬停上的搜索和删除图标而需要的触发器和依赖项属性。因此，我正在寻求帮助，以找到有关如何实现这一目标的简单解决方案。谢谢！

编辑：我遵循了答案的建议，并且我能够正确设置按钮的样式，但是它仍不会显示在文本框中，如果是，则文本仍在其下方运行。我已经包括了XAML和正在发生的事情的图片：

XAML：

<Grid Margin="5, 5, 10, 5">
  <Grid.ColumnDefinitions>
    <ColumnDefinition Width="*"/>
    <ColumnDefinition Width="Auto"/>
  </Grid.ColumnDefinitions>
  <TextBox x:Name="SearchBoxView" HorizontalAlignment="Right" Width="200" FontSize="16" KeyUp="SearchBoxKeyDown" Text="{Binding SearchText, Mode=TwoWay}" Grid.Column="0"/>
  <Button Background="{Binding Backgound, ElementName=SearchBoxView}" HorizontalAlignment="Right" HorizontalContentAlignment="Center" VerticalContentAlignment="Center" Click="SearchBoxViewButtonClick" Grid.Column="1">
    <Button.Template>
      <ControlTemplate>
        <Border HorizontalAlignment="Center" VerticalAlignment="Center">
          <Image Source="Image.png" Width="12" Height="12"/>
        </Border>
      </ControlTemplate>
    </Button.Template>
  </Button>
</Grid>

图像：