-3

我一直在尝试在 XAML WPF 中设置按钮的样式，但经过几个小时的搜索后，我仍然找不到一个简单易用的解决方案。

<a>Button</a>这就是我将如何在 HTML 和 CSS 中设置我的链接的样式：

a{   
    display: inline-block;    
    border-top: 1px solid #363636;   
    border-bottom: 1px solid #121212;  
    border-right: 1px solid #121212;  
    border-left: 1px solid #363636;  
    background: #282828;  
    padding: 0 0 0 25px;  
    width: 165px;  
    line-height: 25px;  
    font-size: 13px;  
    text-decoration: none;  
    color: #ebebeb;  
    text-shadow: 0 1px 1px #121212;  
}

PS 不能发图片。您可以在此处看到一个按钮(JSFiddle)。

4

1 回答 1

1

我不熟悉所有的 CSS 属性，但你可以覆盖它ControlTemplate是这样的：

    <Style TargetType="{x:Type Button}">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type Button}">
                    <Border BorderThickness="1,0,0,0" Width="165">
                        <Border.BorderBrush>
                            <SolidColorBrush Color="#363636"/>
                        </Border.BorderBrush>
                        <Border BorderThickness="0,1,0,0">
                            <Border.BorderBrush>
                                <SolidColorBrush Color="#363636"/>
                            </Border.BorderBrush>
                            <Border BorderThickness="0,0,1,0">
                                <Border.BorderBrush>
                                    <SolidColorBrush Color="#121212"/>
                                </Border.BorderBrush>
                                <Border BorderThickness="0,0,0,1">
                                    <Border.BorderBrush>
                                        <SolidColorBrush Color="#121212"/>
                                    </Border.BorderBrush>
                                    <TextBlock Text="{TemplateBinding Content}"
                                               FontSize="13"
                                               Width="165"
                                               Padding="25,0,0,0">
                                        <TextBlock.Foreground>
                                            <SolidColorBrush Color="#ebebeb"/>
                                        </TextBlock.Foreground>
                                        <TextBlock.Background>
                                            <SolidColorBrush Color="#282828"/>
                                        </TextBlock.Background>
                                        <TextBlock.Effect>
                                            <DropShadowEffect Color="#121212"/>
                                        </TextBlock.Effect>
                                    </TextBlock>
                                </Border>
                            </Border>
                        </Border>
                    </Border>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

然而，这有点像黑客，但我认为这就是你要找的。但是，如果您想正确执行此操作，则应该考虑创建自己的装饰器。

希望这可以帮助

于 2013-10-27T18:51:38.333 回答