Como você remove completamente a borda do botão no wpf?

Estou tentando criar um botão com uma imagem e sem borda - assim como os botões da barra de ferramentas do Firefox antes de passar o mouse sobre eles e ver o botão completo.

Eu tentei definindo o BorderBrushque Transparent, BorderThicknessa 0, e também tentou BorderBrush="{x:Null}", mas você ainda pode ver o contorno do botão.

Tente isto

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

Você pode ter que alterar o modelo do botão, isso lhe dará um botão sem moldura, mas também sem nenhum efeito de pressionar ou desativar:

    <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>

E o botão:

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

O que você precisa fazer é algo como isto:

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

Espero que isto seja o que você estava procurando.

Edit: Desculpe, esqueci de mencionar que se você quiser ver a borda do botão ao passar o mouse sobre a imagem, tudo o que você precisa fazer é pular o Padding = "- 4" .

Não sei por que outras pessoas não apontaram que essa pergunta é duplicada por essa com resposta aceita .

Cito aqui a solução: você precisa substituir o 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>

Você pode usar o hiperlink em vez do botão, desta forma:

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

Você já deve saber que colocar o seu botão dentro de uma barra de ferramentas fornece esse comportamento, mas se você deseja algo que funcione em TODOS os temas atuais com qualquer tipo de previsibilidade, precisará criar um novo ControlTemplate.

A solução da Prashant não funciona com um botão que não está na barra de ferramentas quando o botão está focado. Também não funciona 100% com o tema padrão no XP - você ainda pode ver bordas cinzas fracas quando o plano de fundo do contêiner estiver branco.

Programaticamente, você pode fazer isso:

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

Por que você não define os dois Background & BorderBrushda mesma formabrush

 <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>