2016-08-16 12 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

@NikolayTsonevええ、あなたが正しいと思ったら、このコメントは正しい答えです。作成したいと思うなら、私はそれを受け入れます:) – Flakx

答えて

1

を、テキストの色は適用されません。これはiOSのみの問題です。私はGitHubのNativeScriptリポジトリに新しい問題をオープンしました。#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

関連する問題