NativeScript 按钮文本颜色答案

【问题标题】：NativeScript button text colourNativeScript 按钮文本颜色
【发布时间】：2016-08-16 13:56:17
【问题描述】：

我正在尝试设置按钮文本颜色的样式，但它不会从蓝色改变。我的html文件：

<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;
}

但是按钮文本颜色始终保持蓝色，我似乎无法将其变为白色。

【问题讨论】：

只需从 CSS 文件中的按钮样式中删除 text-transform: uppercase;，颜色就会改变。使用text-transform时出现一些问题。
@NikolayTsonev 是的，你是对的，如果你想创建它，这个评论是正确的答案，我会接受它:)

标签： nativescript angular2-nativescript

【解决方案1】：

如果您想更改按钮的文本颜色，而 text-transform 已设置为大写或小写，则不会应用文本的颜色。这只是 iOS 的问题。关于这一点，我在 GitHub #2601 的 NativeScript repo 中打开了新问题

【讨论】：

【解决方案2】：

由于您正在使用元素进行样式设置，因此您应该尝试将 button 大写 ->

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

【讨论】：

这个好像不需要