如何更改平面按钮样式的边框颜色

发布于 2024-12-11 01:47:13 字数 641 浏览 0 评论 0 原文

我正在尝试制作一个带有红色边框的平面按钮，而不是按下按钮时的黑色边框。

<Style TargetType="Button" x:Key="FlatButtonStyle">
    <Setter Property="Background" Value="Transparent" />
    <Setter Property="BorderBrush" Value="Transparent" />
    <Setter Property="Margin" Value="2" />
    <Setter Property="FontSize" Value="30" />
    <Style.Triggers>
        <Trigger Property="IsFocused" Value="true">
            <Setter Property="BorderBrush" Value="#E01919"/>
        </Trigger>
    </Style.Triggers>
</Style>

问题是仍然有黑色边框，所以现在它同时显示红色和黑色边框。

如何去掉黑色边框？

谢谢。

原文

I'm trying to make a flat button with a red border instead of a black border when the button is pressed.

<Style TargetType="Button" x:Key="FlatButtonStyle">
    <Setter Property="Background" Value="Transparent" />
    <Setter Property="BorderBrush" Value="Transparent" />
    <Setter Property="Margin" Value="2" />
    <Setter Property="FontSize" Value="30" />
    <Style.Triggers>
        <Trigger Property="IsFocused" Value="true">
            <Setter Property="BorderBrush" Value="#E01919"/>
        </Trigger>
    </Style.Triggers>
</Style>

The problem is that there still is a black border, so now its showing both a red and black border.

How do i get rid of the black border ?

Thanks.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

送你一个梦 2024-12-18 01:47:13

将其粘贴到您的 XAML BorderBrush="#000000" 中，您还可以获取颜色列表这里

回复收藏 0 原文

葬﹪忆之殇 2024-12-18 01:47:13

试试这个：

<UserControl.Resources>
    <Style x:Key="Flat">
        <Setter Property="Control.BorderBrush" Value="{x:Null}" />
        <Style.Triggers>
            <Trigger Property="Control.IsMouseOver" Value="True">
                <Setter Property="Control.BorderBrush" Value="{x:Null}" />
            </Trigger>
        </Style.Triggers>
    </Style>
</UserControl.Resources>
<StackPanel>
    <Button Style="{StaticResource Flat}">Hello</Button>
</StackPanel>

Try this:

<UserControl.Resources>
    <Style x:Key="Flat">
        <Setter Property="Control.BorderBrush" Value="{x:Null}" />
        <Style.Triggers>
            <Trigger Property="Control.IsMouseOver" Value="True">
                <Setter Property="Control.BorderBrush" Value="{x:Null}" />
            </Trigger>
        </Style.Triggers>
    </Style>
</UserControl.Resources>
<StackPanel>
    <Button Style="{StaticResource Flat}">Hello</Button>
</StackPanel>

回复收藏 0 原文

~没有更多了~