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

【问题标题】：remove blue highlight on buttons wpf删除按钮 wpf 上的蓝色突出显示
【发布时间】：2015-07-01 13:08:19
【问题描述】：

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

现在，我想删除这个突出显示... 我该怎么做？

【问题讨论】：

链接对我不起作用。
您想阻止按钮更改鼠标悬停颜色吗？然后只需从按钮样式中删除触发器即可。见this。

【解决方案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>

【讨论】：

我将图片移到问题中，要查看它并重新查看您的答案吗？
@ScottChamberlain - 感谢您提供图片。答案现已更新。
这对我没有帮助....它用内容完全隐藏了前景。我只想隐藏前景背景。

【解决方案2】：

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

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

这是这个问题的答案：How to Disable MouseOver Effects

【讨论】：