2016-08-16 146 views
0

我试图设计一个按钮文本颜色的样式,但它不会从蓝色变为蓝色。我的HTML文件:NativeScript按钮文本颜色

<StackLayout> 
    <Label text="Username" textWrap="true"></Label> 
    <TextField hint="Enter Username" text=""></TextField> 
    <Label text="Password" textWrap="true"></Label> 
    <TextField hint="Enter your password." text="" secure="true"></TextField> 
    <Button text="Sign in"></Button> 
</StackLayout> 

CSS:

button { 
    color: #fff; 
    font-size: 14; 
    background-color: #000; 
    border-radius: 20; 
    text-transform: uppercase; 
    padding:10; 
    margin: 10 0; 
} 

但是按钮的文字颜色始终保持蓝色,我似乎无法得到它是白色的。

+1

只需从CSS文件中的按钮样式中删除'text-transform:uppercase;',颜色就会改变。使用'text-transform'时有一些问题。 –

+0

仅在iOS上发布 –

+0

@尼克拉伊特索尼耶耶说得对,这个评论是正确的答案,如果你想创建它,我会接受它:) – Flakx

回答

1

如果你想改变一个按钮的文本颜色,而文本转换已设置为大写或小写的文本的颜色不会被应用。这仅适用于iOS的问题。关于这个问题,我在GitHub中的NativeScript repo中打开了一个新问题#2601

1

由于您使用的,你应该尝试资本button元素造型 - >

Button{ 
    color: #fff; 
    font-size: 14; 
    background-color: #000; 
    border-radius: 20; 
    text-transform: uppercase; 
    padding:10; 
    margin: 10 0; 
} 
+0

这似乎并不需要 – Flakx