为什么.css border-radius不适用于Xamarin XAML

时间:2019-02-08 21:38:40

标签: css xamarin

我在xaml中定义了许多按钮。

<ContentPage.Resources>
    <x:StyleSheetExtension Source="Default.css" />
</ContentPage.Resources>

...

<Button x:Name="btnSale" BackgroundColor="#0000AA" Text="Sale" Grid.Row="0" Grid.Column="0" StyleClass="HeaderButtons" />
<Button x:Name="btnReturnExchange" Clicked="BtnReturnExchange_OnClicked" BackgroundColor="#0000AA" Text="Return/Exchng" Grid.Row="0" Grid.Column="1" StyleClass="HeaderButtons" />
<Button x:Name="btnOrder" Clicked="btnOrder_Clicked" BackgroundColor="#0000AA" Text="Order" Grid.Row="0" Grid.Column="2" StyleClass="HeaderButtons" />
<Button x:Name="btnARPayment" BackgroundColor="#0000AA" Text="A/R Payment" Grid.Row="0" Grid.Column="3" Clicked="BtnARPayment_OnClicked" StyleClass="HeaderButtons" />
<Button x:Name="btnCustActivity" BackgroundColor="#0000AA" Text="Cust. Activity" Grid.Row="0" Grid.Column="4" StyleClass="HeaderButtons" />
<Button x:Name="btnAdministrator" Clicked="BtnAdministrator_OnClicked" BackgroundColor="#AAAAAA" Text="Administrator" Grid.Row="0" Grid.Column="5" StyleClass="HeaderButtons" />
<Button x:Name="btnRoutines" BackgroundColor="#AAAAAA" Text="Routines" Grid.Row="0" Grid.Column="6" StyleClass="HeaderButtons" /> 

我也有一个Default.css文件:

button {
    border-radius: 5;
}

.HeaderButtons {

    border-width: 2;
    font-size: 16;
    font-style: bold;
    border-color: black;
    color: white;
}

无论我将border-radius: 5;放在何处,它都不会像xaml文件中的CornerRadius="5"那样变角。我可以将其保留在此处或将其移至.HeaderButtons部分,据我所知,它没有什么区别。任何帮助将不胜感激。预先感谢。

0 个答案:

没有答案