如何在Avalonia UI中利用:focus、:pointerover伪类修改控件样式？

你的代码没生效的核心原因是：Avalonia的TextBox默认控件模板里，背景是由内部的Border#BackgroundElement元素负责渲染的，直接给TextBox本身设置Background会被模板内的元素样式覆盖。

下面提供两种可行的解决方式：

方式一：直接定位模板内的背景元素（推荐） #

利用Avalonia的模板选择器语法，直接修改模板里负责背景的元素样式，无需重写整个模板：

<!-- 焦点时背景变红 -->
<Style Selector="TextBox:focus /template/ Border#BackgroundElement">
    <Setter Property="Background" Value="Red"/>
</Style>

<!-- 指针悬停时背景变浅蓝 -->
<Style Selector="TextBox:pointerover /template/ Border#BackgroundElement">
    <Setter Property="Background" Value="LightBlue"/>
</Style>

这里的/template/是关键，它允许你穿透到控件的内部模板，定位到默认模板中ID为BackgroundElement的Border元素，修改它的背景就能直接生效。

方式二：重写TextBox的ControlTemplate（适合深度自定义） #

如果需要更复杂的样式定制，可以直接替换TextBox的模板，通过触发器控制状态样式：

<Style Selector="TextBox">
    <Setter Property="Template">
        <ControlTemplate>
            <Border Name="BackgroundElement"
                    Background="{TemplateBinding Background}"
                    BorderBrush="{TemplateBinding BorderBrush}"
                    BorderThickness="{TemplateBinding BorderThickness}"
                    CornerRadius="{TemplateBinding CornerRadius}">
                <ScrollViewer Name="PART_ContentHost"
                              Padding="{TemplateBinding Padding}"
                              HorizontalScrollBarVisibility="Auto"
                              VerticalScrollBarVisibility="Auto"/>
            </Border>
            <ControlTemplate.Triggers>
                <!-- 焦点状态 -->
                <Trigger Property="IsFocused" Value="True">
                    <Setter TargetName="BackgroundElement" Property="Background" Value="Red"/>
                </Trigger>
                <!-- 悬停状态 -->
                <Trigger Property="IsPointerOver" Value="True">
                    <Setter TargetName="BackgroundElement" Property="Background" Value="LightBlue"/>
                </Trigger>
            </ControlTemplate.Triggers>
        </ControlTemplate>
    </Setter>
</Style>

这种方式完全掌控了TextBox的渲染结构，你可以根据需求调整边框、圆角、滚动条等其他细节。

额外注意事项 #

• 确保你的样式定义在正确的作用域（Application/Window/UserControl），避免被更具体的局部样式覆盖；
• 如果使用了第三方主题（如Fluent/Azure），模板内的元素ID可能略有差异，需查看对应主题的模板结构调整Selector。

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