Nativescript 6.3.3
Xcode 11.3.1
tns-ios 6.3.0
tns-android 6.3.1

I have 2 platform specific CSS files called platform.android.css and platform.ios.css.

Firstly to get them to work I have added them to my app.css as imports: -
@import url('platform.ios.css');
@import url('platform.android.css');

Both are used to define CSS on a segmented button, but the android version is overriding the iOS version.

XML for segbutton is: -

<SegmentedBar row="4" loaded="sbLoaded" selectedIndex="0" class="segNone" id="{{ segbuttonid }}" marginTop="20px" height="40" width="95%" touch="onTouchSeg"> <SegmentedBar.items> <SegmentedBarItem title="0" /> <SegmentedBarItem title="1" /> <SegmentedBarItem title="2" /> <SegmentedBarItem title="3" /> </SegmentedBar.items> </SegmentedBar>

platform.ios.css contains: -
.segNone{
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
selected-background-color: red;
color: white;
}

platform.android.css contains: -
.segNone{
font-family: Arial, Helvetica;
font-size: 16px;
color: red;
}

When compiling for iOS, the font colour is red, not white as expected.