How to customize the appearance of TextBox to underline？

Accepted answer

DaisyTian-1203 11,626

There are two sample of custom the underline:

 <TextBox FontSize="35" Text="A" Foreground="Brown">  
            <TextBox.TextDecorations>  
                <TextDecorationCollection>  
                    <TextDecoration PenOffset="1" PenOffsetUnit="Pixel" PenThicknessUnit="Pixel">  
                        <TextDecoration.Pen>  
                            <Pen Thickness="3" Brush="Green" />  
                        </TextDecoration.Pen>  
                    </TextDecoration>  
                    <TextDecoration PenOffset="2" />  
                </TextDecorationCollection>  
            </TextBox.TextDecorations>  
        </TextBox>  
        <TextBox FontSize="32" Text="AAAA">  
            <TextBox.TextDecorations>  
                <TextDecoration PenOffset="5" PenOffsetUnit="Pixel" PenThicknessUnit="Pixel">  
                    <TextDecoration.Pen>  
                        <Pen Thickness="4">  
                            <Pen.Brush>  
                                <LinearGradientBrush Opacity="0.8" StartPoint="0,0.5"  EndPoint="1,0.5">  
                                    <LinearGradientBrush.GradientStops>  
                                        <GradientStop Color="Yellow" Offset="0" />  
                                        <GradientStop Color="Red" Offset="1" />  
                                    </LinearGradientBrush.GradientStops>  
                                </LinearGradientBrush>  
                            </Pen.Brush>  
                            <Pen.DashStyle>  
                                <DashStyle Dashes="1,2,3"/>  
                            </Pen.DashStyle>  
                        </Pen>  
                    </TextDecoration.Pen>  
                </TextDecoration>  
            </TextBox.TextDecorations>  
        </TextBox>

Here is the result picture:
11396-%E6%89%B9%E6%B3%A8-2020-07-06-102113.png

qwecskcnjff1 41 Reputation points

2020-07-07T05:32:02.367+00:00

I want to textbox,not textblock
DaisyTian-1203 11,626 Reputation points

2020-07-07T05:45:13.64+00:00

I have updated it for Textbox, Textbox and Textblock use this similarly.
qwecskcnjff1 41 Reputation points

2020-07-13T12:39:05.893+00:00

I want to change the appearance of Textbox into a line.
DaisyTian-1203 11,626 Reputation points

2020-07-14T01:44:30.007+00:00
Could you try to set the BorderThickness="0,0,0,2" to your TextBox?

<TextBox Height="23" TextWrapping="Wrap" Text="TextBox" HorizontalAlignment="Center" VerticalAlignment="Center" Width="120" BorderThickness="0,0,0,2" />

The result picture is:

Share via

How to customize the appearance of TextBox to underline？

1 additional answer

Your answer