WPF如何实现带两层不同颜色边框的TextBox静态样式

该效果完全可以实现。你当前的样式仅修改了TextBox的基础依赖属性，没有重写控件模板——WPF默认TextBox的控件模板内部只有1层Border元素，无法直接叠加第二层边框，只需自定义ControlTemplate嵌套两层Border，就能做出和参考图一致的双层圆角边框效果，不会出现圆角错位、边框毛边问题。

效果参考 #

完整可用样式代码 #

你之前写的渐变背景、文字样式、对齐规则都可以完整保留，只需补充控件模板定义即可，代码如下：

<Style TargetType="{x:Type TextBox}" x:Key="RoundTextBox">
    <!-- 基础属性保留原有配置 -->
    <Setter Property="Foreground" Value="White"/>
    <Setter Property="VerticalContentAlignment" Value="Center"/>
    <Setter Property="FontWeight" Value="Medium"/>
    <Setter Property="HorizontalAlignment" Value="Left"/>
    <Setter Property="Margin" Value="20,10,0,-5"/>
    <Setter Property="Padding" Value="4,2"/>
    <!-- 外层边框（第二层外框）配置 -->
    <Setter Property="BorderBrush" Value="#FF275C42"/>
    <Setter Property="BorderThickness" Value="1"/>
    <!-- 原有渐变背景配置 -->
    <Setter Property="Background">
        <Setter.Value>
            <LinearGradientBrush StartPoint="0,0.5" EndPoint="1,0.5">
                <GradientStop Color="#FF32C17C"/>
                <GradientStop Color="#FF01312F" Offset="1"/>
            </LinearGradientBrush>
        </Setter.Value>
    </Setter>
    <!-- 重写控件模板实现双层边框 -->
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type TextBox}">
                <!-- 外层Border：渲染第二层深色外框 -->
                <Border 
                    Background="{TemplateBinding BorderBrush}"
                    CornerRadius="4"
                    SnapsToDevicePixels="True">
                    <!-- 内层Border：渲染原有亮绿色内框+背景+输入区域 -->
                    <Border 
                        Background="{TemplateBinding Background}"
                        BorderBrush="#FF69FF55"
                        BorderThickness="1"
                        CornerRadius="3"
                        Margin="1">
                        <ScrollViewer 
                            x:Name="PART_ContentHost"
                            VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
                    </Border>
                </Border>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

注意事项 #

• 原来写在Style.Resources里全局修改所有Border圆角的隐式样式可以删除，自定义模板后直接给对应Border设置CornerRadius精度更高，不会意外影响其他内部元素
• 外层Border的圆角值比内层大1像素，是为了避免圆角衔接处出现毛边
• 两层边框的间距通过内层Border的Margin="1"控制，和外层边框厚度对应，如果要加粗外框，同步调整这个Margin值即可
• 外框、内框的颜色可以分别修改外层Border的Background、内层Border的BorderBrush属性自由调整

内容的提问来源于stack exchange，提问作者SPIRINN