Skip to content

CSS border-color does not recognize rgb and rgba values #2781

@3rror404

Description

@3rror404

rgb and rgba values no longer work for border-color after upgrading tns-core-modules to 2.4.0. It was working in 2.3.0

XML:

<Page loaded="loaded">
    <GridLayout rows="*" cols="*" verticalAlignment="center">

        <Button text="Tap me" tap="signIn" />    

        <Label text="Label text" /> 

    </GridLayout>
</Page>

CSS:

Button {
    margin: 20;
    padding: 10;
    width: 50%;
    background-color: green;
    border-color: rgba(255,0,0,0.8); /* Doesn't work */
    border-color: rgb(255, 0, 0);  /* Doesn't work */
    border-color: red;  /* Works */
    border-color: #F00;  /* Works */
    border-width: 3;
}

Label {
    border-color: rgba(255,0,0,0.8); /* Doesn't work */
    border-color: rgb(255, 0, 0);  /* Doesn't work */
    border-color: red;  /* Works */
    border-color: #F00;  /* Works */
    border-width: 3;
}

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions