Unable to style inner html passed into the json string

[ ] bug report => check the FAQ and search github for a similar issue or PR before submitting [x ] support request => check the FAQ and search github for a similar issue before submitting [ ] feature request

I have added html tags to one of my translation strings as follows:

HTML

<span class="ex-login" [innerHTML]="'SIGN.EXLOGIN' | translate:clever"></span>

JSON

"EXLOGIN": "Iniciar con <span class='ex-text-lg'>{{value}}</span>"

CSS

 @media (max-width: 420px ) {
    .ex-text-lg {
      display: none!important;
    }

I need the login/iniciar con to fall away in a specific media query, and I had tested this with the plain text and it was working fine, but since I’ve added it as a translation, the style is not being picked up.

• ng2-translate version: 4.2.0

• Angular version: cli 1.0.0-beta.21

• Browser: Chrome 55.0.2883.87 m

Please let me know if there is a known fix for this issue.

[j-meiring]

I had originally tried :host >>>, which didn’t work, but /deep/ seems to have done the trick.

Incidentally, I think this may help with a colleague’s issue.

Thanks for the swift response, even though it turned to not be an issue with translate.

[vasnakos]

For me it is solved with ::ng-deep