Change the background of the input text but not the background of whole input field

Is it possible to change the background of the input text but not the whole input field? I did use the pseudo selector ::firstline to change it, this seems to be working on chrome but not in safari, although i am conditionally using this style in angular application. I want to be able the achieve something similar to the screenshot below.

The CSS code looks like this

.tag-text::first-line{
    background:#c8dadf;
    padding: 2px;
}

Angular template is

<input type="text" [ngClass]="{'tag-text': some-condition}" />