¿Cómo se elimina completamente el borde del botón en wpf?

Estoy tratando de crear un botón que tenga una imagen y no tenga bordes, al igual que los botones de la barra de herramientas de Firefox antes de pasar el cursor sobre ellos y ver el botón completo.

Intenté configurar el BorderBrushto Transparent, BorderThicknessto 0y también lo intenté BorderBrush="{x:Null}", pero aún puedes ver el contorno del botón.

Prueba esto

<Button BorderThickness="0"  
    Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}" >...

Puede que tenga que cambiar la plantilla del botón, esto le dará un botón sin marco, pero también sin presionar o deshabilitar el efecto:

    <Style x:Key="TransparentStyle" TargetType="{x:Type Button}">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="Button">
                    <Border Background="Transparent">
                        <ContentPresenter/>
                    </Border>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

Y el botón:

<Button Style="{StaticResource TransparentStyle}"/>

Lo que tienes que hacer es algo como esto:

<Button Name="MyFlatImageButton"
        Background="Transparent"
        BorderBrush="Transparent"
        BorderThickness="0" 
        Padding="-4">
   <Image Source="MyImage.png"/>
</Button>

Espero que esto sea lo que estabas buscando.

Editar: Lo siento, olvidé mencionar que si desea ver el borde del botón cuando pasa el cursor sobre la imagen, todo lo que tiene que hacer es omitir el Relleno = "- 4" .

No sé por qué otros no han señalado que esta pregunta está duplicada con esta con respuesta aceptada .

Cito aquí la solución: debe anular el ControlTemplatede Button:

<Button Content="save" Name="btnSaveEditedText" 
                Background="Transparent" 
                Foreground="White" 
                FontFamily="Tw Cen MT Condensed" 
                FontSize="30" 
                Margin="-280,0,0,10"
                Width="60"
                BorderBrush="Transparent"
                BorderThickness="0">
    <Button.Template>
        <ControlTemplate TargetType="Button">
             <ContentPresenter Content="{TemplateBinding Content}"/>
        </ControlTemplate>
    </Button.Template>  
</Button>

Puede usar hipervínculo en lugar de botón, de esta manera:

        <TextBlock>
            <Hyperlink TextDecorations="{x:Null}">
            <Image Width="16"
                   Height="16"
                   Margin="3"
                   Source="/YourProjectName;component/Images/close-small.png" />
            </Hyperlink>
        </TextBlock>

Es posible que ya sepa que colocar su botón dentro de una barra de herramientas le proporciona este comportamiento, pero si desea algo que funcione en TODOS los temas actuales con cualquier tipo de previsibilidad, deberá crear una nueva plantilla de control.

La solución de Prashant no funciona con un Botón que no está en una barra de herramientas cuando el Botón tiene el foco. Tampoco funciona al 100% con el tema predeterminado en XP: aún puede ver bordes grises tenues cuando el fondo del contenedor es blanco.

Programáticamente, puedes hacer esto:

btn.BorderBrush = new SolidColorBrush(Colors.Transparent);

¿Por qué no pones ambas cosas Background & BorderBrushigual?brush

 <Style TargetType="{x:Type Button}" >
        <Setter Property="Background" Value="{StaticResource marginBackGround}"></Setter>
        <Setter Property="BorderBrush" Value="{StaticResource marginBackGround}"></Setter>            
 </Style>

<LinearGradientBrush  x:Key="marginBackGround" EndPoint=".5,1" StartPoint="0.5,0">
    <GradientStop Color="#EE82EE" Offset="0"/>
    <GradientStop Color="#7B30B6" Offset="0.5"/>
    <GradientStop Color="#510088" Offset="0.5"/>
    <GradientStop Color="#76209B" Offset="0.9"/>
    <GradientStop Color="#C750B9" Offset="1"/>
</LinearGradientBrush>