XAML中如何移除MenuItem控件的白色边框？附现有实现代码

问题根因 #

WPF 内置MenuItem的下拉弹出层（由Popup承载的子菜单容器）最外层，默认包裹了带有浅灰色边框的Border元素。你在现有代码中为子菜单项设置的*BorderThickness="0"*、自定义背景色等属性，仅作用于子项自身的渲染层，无法触达弹层最外层的默认容器，因此常规属性调整无法消弭边框。

可直接复用的实现代码 #

以下代码在原有逻辑基础上，为顶级菜单项重写控件模板，彻底移除弹层的默认边框，完全匹配现有深色主题的配色逻辑：

<Border 
    BorderThickness="0" 
    HorizontalAlignment="Left" 
    Height="30" 
    Margin="3,30,0,0" 
    Background="#242424" 
    VerticalAlignment="Top" 
    Width="660">
    <Menu 
        HorizontalAlignment="Left" 
        Height="27" 
        VerticalAlignment="Top" 
        FontFamily="Segoe UI" 
        Width="645" 
        Background="#FF242424" 
        Margin="10,3,0,0">
        <MenuItem 
            Header="File" 
            FontSize="14" 
            Padding="2" 
            Foreground="White">
            <!-- 重写顶级菜单项控件模板，自定义下拉弹层样式 -->
            <MenuItem.Template>
                <ControlTemplate TargetType="{x:Type MenuItem}">
                    <Border Background="Transparent">
                        <StackPanel>
                            <!-- 顶级菜单头部内容渲染区 -->
                            <ContentPresenter 
                                ContentSource="Header" 
                                Margin="4,2"/>
                            <!-- 下拉弹层配置，彻底移除默认边框 -->
                            <Popup 
                                Placement="Bottom"
                                IsOpen="{Binding IsSubmenuOpen, RelativeSource={RelativeSource TemplatedParent}}"
                                AllowsTransparency="True">
                                <Border 
                                    Background="#2d2d2d"
                                    BorderThickness="0"
                                    Padding="2">
                                    <StackPanel IsItemsHost="True" />
                                </Border>
                            </Popup>
                        </StackPanel>
                    </Border>
                </ControlTemplate>
            </MenuItem.Template>
            <MenuItem Header="Save" BorderThickness="0" Background="#2d2d2d" Foreground="White"/>
            <MenuItem Header="Open" BorderThickness="0" Background="#2d2d2d" Foreground="White"/>
        </MenuItem>
    </Menu>
</Border>

实用优化提示 #

• 若界面中有多个顶级菜单项需要同款无框弹层，可将上述控件模板提取为全局样式，统一应用到所有目标菜单项上，减少重复代码。
• 如需为弹层添加柔和阴影效果，可直接给弹层外层的Border设置Effect属性完成配置，不会附带默认的灰色硬边框。
• 后续适配其他主题配色时，仅需修改弹层Border的Background色值即可，无需调整其他交互逻辑。

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