如何移除三态复选列表项周围的多余红色边框？

嘿，我一眼就看出这个红色边框的问题啦！这其实是WPF的绑定验证错误提示，根源出在你的绑定逻辑上：

你把CheckBox.IsChecked（支持三态的Nullable<bool>类型）绑定到了ListBoxItem.IsSelected（只能是true/false的非可空bool类型）。当复选框切换到第三种状态（IsChecked={x:Null}）时，WPF尝试把null赋值给IsSelected，但IsSelected根本不接受null，这就触发了绑定错误，WPF默认就会用红色边框来标记这个问题。

下面给你两种解决办法，按需选择：

方法1：给列表项加个三态属性（推荐） #

既然你需要三态复选框，最合理的方式是给每个列表项的ViewModel新增一个Nullable<bool>类型的属性（比如叫IsItemChecked），然后直接把CheckBox的IsChecked绑定到这个属性，别再绑定ListBoxItem.IsSelected了。

修改后的模板代码大概是这样：

<ControlTemplate TargetType="{x:Type ListBoxItem}">
    <CheckBox Focusable="False" 
              Foreground="{StaticResource textBrush}" 
              IsThreeState="True" 
              IsChecked="{Binding IsItemChecked, Mode=TwoWay}">
        <!-- 你的自定义CheckBox模板原封不动保留 -->
        <CheckBox.Template>
            <ControlTemplate TargetType="{x:Type CheckBox}">
                <StackPanel Orientation="Horizontal">
                    <Image x:Name="checkboxImage" Source="pack://application:,,,/Images/CheckBoxUncheck_16x.png" Width="16" Margin="0,0,2,0" />
                    <ContentPresenter/>
                </StackPanel>
                <ControlTemplate.Triggers>
                    <Trigger Property="IsChecked" Value="True">
                        <Setter TargetName="checkboxImage" Property="Source" Value="pack://application:,,,/Images/CheckBox_16x.png"/>
                    </Trigger>
                    <Trigger Property="IsChecked" Value="{x:Null}">
                        <Setter TargetName="checkboxImage" Property="Source" Value="pack://application:,,,/Images/CheckBoxExclude_16x.png"/>
                    </Trigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
        </CheckBox.Template>
        <ContentPresenter/>
    </CheckBox>
</ControlTemplate>

这样绑定就不会有类型不匹配的问题，红色边框自然就消失了，而且还能正确维护三态的状态，是最稳妥的方案。

方法2：直接关掉验证错误提示（快速临时方案） #

如果你暂时不想改ViewModel，只是想先把红色边框去掉，可以在ListBoxItem的样式里加一行，禁用WPF的验证错误模板：

<Style TargetType="{x:Type ListBoxItem}">
    <Setter Property="Margin" Value="2" />
    <!-- 加上这行，关闭验证错误的红色边框 -->
    <Setter Property="Validation.ErrorTemplate" Value="{x:Null}" />
    <Setter Property="Template">
        <!-- 你的原有模板内容不变 -->
    </Setter>
</Style>

不过要注意哦，这个方法只是把错误提示藏起来了，并没有解决根本的绑定不匹配问题——当复选框处于null状态时，IsSelected的绑定其实是失败的，可能会影响其他依赖IsSelected的逻辑，所以还是更推荐第一种方法。

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