在激活状态下删除ToggleButton背景知识

Question

这是我的ToggleButton：

<ToggleButton Width="100" Height="30" Margin="344,262,530,345" BorderThickness="2" Background="Transparent"
              BorderBrush="#38abcf" FontFamily="Resources/#Buxton Sketch" Foreground="Gainsboro" FontSize="14">
    <ToggleButton.Style>
        <Style TargetType="{x:Type ToggleButton}">
            <Setter Property="Content" Value="OFF"/>
            <Style.Triggers>
                <Trigger Property="IsChecked" Value="True">
                    <Setter Property="Content" Value="ON"/>
                    <Setter Property="Foreground" Value="Red"/>
                    <Setter Property="Background" Value="Transparent"/>
                </Trigger>
            </Style.Triggers>
        </Style>
    </ToggleButton.Style>
</ToggleButton>

目前处于激活状态，它看起来像是：

虽然我设置了新属性，但Background颜色没有改变。

• 更新

      <ToggleButton.Style>
          <Style TargetType="{x:Type ToggleButton}">
              <Setter Property="Content" Value="Loops OFF"/>
              <Setter Property="Template">
                  <Setter.Value>
                      <ControlTemplate TargetType="ToggleButton">
                          <Border Width="100" Height="30" BorderThickness="2" Background="Transparent" BorderBrush="#38abcf">
                              <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center"/>
                          </Border>
                          <ControlTemplate.Triggers>
                              <Trigger Property="IsMouseOver" Value="True">
                                  <Setter Property="BorderBrush" Value="Red" />
                              </Trigger>
                          </ControlTemplate.Triggers>
                      </ControlTemplate>
                  </Setter.Value>
              </Setter>
              <Style.Triggers>
                  <Trigger Property="IsChecked" Value="True">
                      <Setter Property="Content" Value="Loops ON"/>
                  </Trigger>
                  <Trigger Property="IsMouseOver" Value="True">
                      <Setter Property="BorderBrush" Value="Red" />
                  </Trigger>
              </Style.Triggers>
          </Style>
      </ToggleButton.Style>
  

Answer 1

覆盖默认模板

socket.io