WPF ComboBox在IsFocused为True时修改边框厚度实现问题咨询

你的代码不生效的核心原因：你重写了ComboBox的默认控件模板，但是没有将ComboBox的BorderThickness属性绑定到模板内实际绘制边框的元素上，导致即使触发器修改了属性值，也不会体现在UI上。

修改方案 #

1. 修改ComboBoxToggleButton控件模板

将外层边框的BorderThickness绑定到ToggleButton自身的对应属性：

<ControlTemplate x:Key="ComboBoxToggleButton" TargetType="{x:Type ToggleButton}">
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition />
            <ColumnDefinition Width="20" />
        </Grid.ColumnDefinitions>
        <!-- 仅修改这一行的BorderThickness属性即可 -->
        <Border x:Name="Border" Grid.ColumnSpan="2" CornerRadius="6" 
                Background="{DynamicResource KeyBrushCBBorderBG}" 
                BorderBrush="{DynamicResource KeyBrushCBBorder}" 
                BorderThickness="{TemplateBinding BorderThickness}" />
        <Border Grid.Column="0" CornerRadius="4"  Margin="1"  
                Background="{DynamicResource KeyBrushCBBorderBG}" 
                BorderBrush="{DynamicResource KeyBrushCBBorder}" 
                BorderThickness="0,1,0,1" />
        <Path  x:Name="Arrow" Grid.Column="1" Fill="{DynamicResource KeyBrushButtonForeground}"  
               HorizontalAlignment="Center" VerticalAlignment="Center" 
               Data="M0,0 L0,2 L4,6 L8,2 L8,0 L4,4 z" 
               Stroke="{DynamicResource KeyBrushCBForeGround}"/>
    </Grid>
</ControlTemplate>

2. 修改ComboBox主模板的ToggleButton引用

将ComboBox的BorderThickness透传给内部的ToggleButton：

<ToggleButton Name="ToggleButton" Template="{StaticResource ComboBoxToggleButton}" 
              Grid.Column="2" Focusable="false"
              IsChecked="{Binding Path=IsDropDownOpen,Mode=TwoWay,RelativeSource={RelativeSource TemplatedParent}}" 
              ClickMode="Press"
              <!-- 新增这一行BorderThickness绑定 -->
              BorderThickness="{TemplateBinding BorderThickness}">
</ToggleButton>

3. 补充触发条件（可选，覆盖更多交互场景）

你原有的触发器可以保留，建议增加IsDropDownOpen、IsKeyboardFocusWithin的触发条件，避免下拉框打开、编辑模式下文本框获得焦点时不显示厚边框的问题：

<Style.Triggers>
    <!-- 原有焦点触发保留 -->
    <Trigger Property="IsFocused" Value="True">
        <Setter Property="BorderThickness" Value="2,2,2,2"/>
        <Setter Property="Foreground" Value="White"/>
    </Trigger>
    <!-- 新增下拉框打开触发 -->
    <Trigger Property="IsDropDownOpen" Value="True">
        <Setter Property="BorderThickness" Value="2,2,2,2"/>
        <Setter Property="Foreground" Value="White"/>
    </Trigger>
    <!-- 新增编辑模式下子元素获得焦点触发 -->
    <Trigger Property="IsKeyboardFocusWithin" Value="True">
        <Setter Property="BorderThickness" Value="2,2,2,2"/>
        <Setter Property="Foreground" Value="White"/>
    </Trigger>
</Style.Triggers>

修改完成后即可实现需求，你后续动态调整的颜色资源不受影响，不需要额外适配。

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