-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

ControlTemplateすべての CSS プロパティに精通しているわけではありませんが、次のようにオーバーライドできます。

    <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 に答える