Question

我正在制作一个WPF项目。在运行应用程序时，当我将光标移动到一个按钮时，它会被填充在其中的蓝色突出显示。

现在，我要删除此突出显示... 我该怎么做？

enter image description here

Answer 1

链接对我不起作用，所以我无法确切地看到你的内容，但我认为你正试图改变那个默认的蓝色渐变。您需要覆盖样式中按钮的模板，然后您可以根据需要自定义它。您不能只设置背景颜色或使用触发器来更改它而不覆盖模板，因为默认模板中有一些额外的东西来显示渐变效果。

这是我之前使用的按钮的一个示例，它非常简单。此示例使用触发器在按下按钮时更改按钮的前景色，但永远不会更改背景颜色。

    <Style TargetType="{x:Type Button}">
    <Setter Property="Background" Value="White"/>
    <Setter Property="FontWeight" Value="SemiBold"/>
    <Setter Property="Foreground" Value="{StaticResource BrushBtnText}"/>
    <Setter Property="Margin" Value="8,4,8,4"/>
    <Setter Property="Padding" Value="6"/>
    <Setter Property="BorderThickness" Value="1"/>
    <Setter Property="BorderBrush" Value="{StaticResource BrushBorderLight}"/>
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type Button}">
                 <Border Margin="{TemplateBinding Margin}"
                         Background="{TemplateBinding Background}" 
                         BorderBrush="{TemplateBinding BorderBrush}" 
                         BorderThickness="{TemplateBinding BorderThickness}" 
                         Padding="{TemplateBinding Padding}">
                     <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center"/>
                 </Border>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
    <Style.Triggers>
        <Trigger Property="IsPressed" Value="True">
            <Setter Property="Foreground" Value="{StaticResource BrushBtnText}"/>
        </Trigger>
    </Style.Triggers>
</Style>

此外，如果您感兴趣，这是按钮的默认模板：

<Style TargetType="{x:Type Button}">
        <Setter Property="FocusVisualStyle" Value="{StaticResource ButtonFocusVisual}"/>
        <Setter Property="Background" Value="{StaticResource ButtonNormalBackground}"/>
        <Setter Property="BorderBrush" Value="{StaticResource ButtonNormalBorder}"/>
        <Setter Property="BorderThickness" Value="1"/>
        <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}"/>
        <Setter Property="HorizontalContentAlignment" Value="Center"/>
        <Setter Property="VerticalContentAlignment" Value="Center"/>
        <Setter Property="Padding" Value="1"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type Button}">
                    <Themes:ButtonChrome x:Name="Chrome" BorderBrush="{TemplateBinding BorderBrush}" Background="{TemplateBinding Background}" RenderMouseOver="{TemplateBinding IsMouseOver}" RenderPressed="{TemplateBinding IsPressed}" RenderDefaulted="{TemplateBinding IsDefaulted}" SnapsToDevicePixels="true">
                        <ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" RecognizesAccessKey="True" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
                    </Themes:ButtonChrome>
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsKeyboardFocused" Value="true">
                            <Setter Property="RenderDefaulted" TargetName="Chrome" Value="true"/>
                        </Trigger>
                        <Trigger Property="ToggleButton.IsChecked" Value="true">
                            <Setter Property="RenderPressed" TargetName="Chrome" Value="true"/>
                        </Trigger>
                        <Trigger Property="IsEnabled" Value="false">
                            <Setter Property="Foreground" Value="#ADADAD"/>
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

Answer 2

实际上，我发现了我出错的地方。每当我的指针转到一个按钮时，不会改变按钮的背景甚至按钮的前景，但它会改变边框的背景。

因此，在覆盖按钮样式时，实际上必须覆盖背景的边框，而不是按钮前景或背景。

以下是此问题的答案：How to Disable MouseOver Effects

删除按钮wpf上的蓝色突出显示

2 个答案: