Overwriting Ultima css styles

[sk77]

Hello

I am trying to overwrite Ultima themes styles in my Angular application css files..

:host /deep/ body .ui-inputtext {
background: transparent;
border-width: 1px 1px 1px 1px;
}

but it is not working.. any insights on how I can overwrite Ultima themes? I do not want to hard code the styles in html file

Thanks
SK

[merve7]

You can try this ;

your_component_name.css
.ui-inputtext {
background: transparent;
border-width: 1px 1px 1px 1px;
}

your_component_name.ts
@Component({
templateUrl: './your_component_name.html',
styleUrls: [ './your_component_name.css' ]
}