Nativescript: TextField underline color

Created on 17 Jan 2018  路  4Comments  路  Source: NativeScript/NativeScript

Is there way to style with css TextField underline color, underline color when focused and cursor color?
textfield

Most helpful comment

I know this but i dont know how to change textField focused state bottom border with css. Also i would like to know how to change CURSOR color in textField.

All 4 comments

Hi @bori87,
You could setup bottom border to the TextField and to set the needed color to it. For example:
XML

<StackLayout class="p-20">
        <TextField class="tfstyle" hint="" text="{{  }}" />

    </StackLayout>

TypeScript

.tfstyle{
    border-bottom-width: 1;
    border-color:red; 
}

For further question please use our forum or StackOverflow thread.

I know this but i dont know how to change textField focused state bottom border with css. Also i would like to know how to change CURSOR color in textField.

Hi @bori87,
This topic has been discussed in issue #550. There you will also found a possible solution about this case.
Hope this helps.

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.

Was this page helpful?
0 / 5 - 0 ratings