如何从 WPF 中的文本框删除边框？

Question

这些边框在单击或悬停时出现，直到失去焦点时才会消失。所有四个边都有边框，但由于它嵌入在较短的网格中，因此顶部和底部的边框不可见。如何去除这些边框？如果可能，请提供示例。

XAML:

<Border x:Name="SearchBorder" BorderThickness="1" HorizontalAlignment="Left" Height="40" Margin="672,34,0,0" VerticalAlignment="Top" Width="355" Background="#3F000000">
        <Border.BorderBrush>
            <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                <GradientStop Color="#4C000000" Offset="0"/>
                <GradientStop Color="#3FFFFFFF" Offset="1"/>
            </LinearGradientBrush>
        </Border.BorderBrush>
        <Grid>
            <TextBox x:Name="SearchBox" HorizontalAlignment="Left" Height="40" Width="296" Margin="10,0,0,0" TextWrapping="Wrap" VerticalAlignment="Center"  SelectionBrush="Black" Background="#00000000" Foreground="#FF5B5B5B" FontSize="25" FontFamily="Segoe UI Light" BorderBrush="#00000000" CaretBrush="#FF6C6C6C"/>
            <TextBlock HorizontalAlignment="Left" Height="23" Margin="320,0,0,0" TextWrapping="Wrap" Text="&#xF002;" VerticalAlignment="Center" Width="21" FontFamily="FontAwesome" FontSize="25" Foreground="#FF919191"/>
            <Rectangle HorizontalAlignment="Left" Margin="311,-2,0,0" Width="1">
                <Rectangle.Stroke>
                    <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                        <GradientStop Color="#3F404040" Offset="0"/>
                        <GradientStop Color="#3F686868" Offset="1"/>
                        <GradientStop Color="#59DADADA" Offset="0.502"/>
                    </LinearGradientBrush>
                </Rectangle.Stroke>
            </Rectangle>
        </Grid>
    </Border>

Answer 1

尝试BorderThickness="0"

<TextBox x:Name="SearchBox" BorderThickness="0" HorizontalAlignment="Left" Height="40" Width="296" Margin="10,0,0,0" TextWrapping="Wrap" VerticalAlignment="Center"  SelectionBrush="Black" Background="#00000000" Foreground="#FF5B5B5B" FontSize="25" FontFamily="Segoe UI Light" BorderBrush="#00000000" CaretBrush="#FF6C6C6C"/>

Answer 2

您只需将 BorderBrush 属性设置为透明即可移除边框。

Answer 3

Normal View: Set the BorderBrush property to "Transparent"

<Button Name="BtnTest"
        Content="Test"
        BorderBrush="Transparent"
        Height="20"
        Width="75"/>

Hovering View: While you are hovering the control with mouse, Include these Control Template for Button or any control like Textbox or Textblock etc.. under the Window.Resources Tag

<Window.Resources>
           <Style TargetType="Button">

                <!--Default Values-->
                <Setter Property="BorderBrush"
                        Value="Transparent"/>

                <!--Transparent Highlight-->
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="Button">
                            <Border Background="{TemplateBinding Background}">
                                <ContentPresenter HorizontalAlignment="Center" 
                                                  VerticalAlignment="Center"/>
                            </Border>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>

            </Style>
</Window.Resources>

如何从 WPF 中的文本框删除边框？

How to remove border from Textbox in WPF?

wpf

xaml

textbox