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

Просто удалите 'text-transform: uppercase;' из стиля кнопки в вашем файле CSS и цвет будет изменен. При использовании 'text-transform' существует некоторая проблема. –

+0

вопрос только на iOS –

+0

@NikolayTsonev да, вы были правы, этот комментарий правильный, если вы хотите его создать, и я его принимаю :) – Flakx

ответ

1

В случае, если вы хотите изменить цвет текста кнопки, в то время как текст-преобразование был установлен в верхний или нижний регистр, то цвет текста не будет применяться. Это проблема только для iOS. В связи с этим я открыл новую проблему в реестре NativeScript в GitHub #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

Смежные вопросы