Можно ли изменить свойства CSS метки класса в nativescript

Question

Я использовал класс меток для каждой метки в моем проекте. Если любой другой цвет шрифта, как

class = "label font-clr-green"

применяется тогда, не принимая зеленый цвет. Поэтому я решил перезаписать класс метки в app.css, но это тоже ошибка. Мне нужно знать, может ли класс меток быть переопределен или нет.

Answer 1

Я проверил ваш образец игровой площадки, и из него я могу сделать вывод, что <Label>, используемый в проблемной части, не принимает зеленый цвет, как должно быть.Ну, это потому, что вы используете этот <Label> элемент внутри <StackLayout> с классом input-field.Кажется, что CSS для .input-field Label предопределен.

Решением вашей проблемы было бы переименование этого класса input-field во что-то другое.Это все, что нужно.Ниже обновленная часть XML.Вы также можете проверить мою прилагаемую демонстрацию Playground с исправлением.

<Page loaded="pageLoaded" class="page" xmlns="http://www.nativescript.org/tns.xsd">

<ActionBar title="Home" class="action-bar">
</ActionBar>
<ScrollView>
    <StackLayout class="form">
        <!--this was working fine -->
        <Label textWrap="true" text="Play with NativeScript!" class="label font-weight-bold m-b-5 fcg" /> 
        <Label textWrap="true" text="Play with NativeScript!" class="label font-weight-bold m-b-5"
            color="green" />


        <!-- the problem was here, solution was to rename input-field to input-field-1  -->
        <StackLayout class="input-field-1">
            <StackLayout class="okay">
            <Label text="Active Flag" class="label font-weight-bold m-b-5 fcg" />
            </StackLayout>
            <Switch checked="true" class="switch fcg"
                horizontalAlignment='left' margin="0" />
            <StackLayout class="hr-light"></StackLayout>
        </StackLayout>

    </StackLayout>
</ScrollView>

Рабочая Демо Playground .