Làm thế nào để bạn loại bỏ hoàn toàn đường viền nút trong wpf?

Tôi đang cố gắng tạo một nút có hình ảnh trong đó và không có viền - giống như các nút thanh công cụ Firefox trước khi bạn di chuột qua chúng và xem nút đầy đủ.

Tôi đã thử cài đặt BorderBrushthành Transparent, BorderThicknessđến 0và cũng đã thử BorderBrush="{x:Null}", nhưng bạn vẫn có thể thấy đường viền của nút.

Thử cái này

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

Bạn có thể phải thay đổi mẫu nút, điều này sẽ cung cấp cho bạn một nút không có khung bao giờ, nhưng cũng không có bất kỳ hiệu ứng nhấn hoặc tắt nào:

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

Và nút:

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

Những gì bạn phải làm là một cái gì đó như thế này:

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

Hy vọng đây là những gì bạn đang tìm kiếm.

Chỉnh sửa: Xin lỗi, quên đề cập rằng nếu bạn muốn xem viền nút khi bạn di chuột qua hình ảnh, tất cả những gì bạn phải làm là bỏ qua Padding = "- 4" .

Tôi không biết tại sao những người khác không chỉ ra rằng câu hỏi này được nhân đôi với câu hỏi này với câu trả lời được chấp nhận .

Tôi xin trích dẫn ở đây là giải pháp: Bạn cần phải ghi đè lên ControlTemplatecủa 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>

Bạn có thể sử dụng Hyperlink thay vì Nút, như thế này:

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

Bạn có thể đã biết rằng việc đặt Nút của bạn bên trong ToolBar sẽ mang lại cho bạn hành vi này, nhưng nếu bạn muốn thứ gì đó sẽ hoạt động trên TẤT CẢ các chủ đề hiện tại với bất kỳ loại dự đoán nào, bạn sẽ cần tạo một ControlTemplate mới.

Giải pháp của Prashant không hoạt động với Nút không nằm trên thanh công cụ khi Nút có tiêu điểm. Nó cũng không hoạt động 100% với chủ đề mặc định trong XP - bạn vẫn có thể thấy các viền màu xám mờ khi Nền chứa của bạn có màu trắng.

Lập trình, bạn có thể làm điều này:

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

Tại sao bạn không đặt cả hai Background & BorderBrushgiống nhaubrush

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