flxng icon indicating copy to clipboard operation
flxng copied to clipboard

Customizing highlighted text styles

Open madieukhang opened this issue 4 years ago • 3 comments

#Hi i'm using and how i can clear highlighted mentions after clear textarea, and how i can change style customcss highlighted text. Thanks

madieukhang avatar May 10 '21 08:05 madieukhang

I don't think I get the first question, will you please be able to provide additional info or a reproducible plunker?

When it comes to customizing the highlighted text style, you can provide the class name as follows: [tagCssClass]="'my-custom-highlight-tag'"

Note however that the component defining your custom CSS class can't be encapsulated, so you need: encapsulation: ViewEncapsulation.None

seidme avatar May 19 '21 23:05 seidme

hi thanks for reply i applied customClass when add encapsulation: ViewEncapsulation.None now i have another issue with textarea have background color like: background-color: red how can i apply css flx-text-input-highlight. I tried it's just applying when textarea background: none. Thanks

madieukhang avatar Jun 16 '21 09:06 madieukhang

I see what you think, not sure why I forced background: none;. I'll check if it could be removed and deploy a new version once ready. Thank you for your feedback ^^

seidme avatar Jun 16 '21 09:06 seidme