Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
How to apply different CSS(styling) for multiple igx-dialog in same component

In my page I have multiple igx-dialog compoenents. 

For example

 <igx-dialog #dialog1   leftButtonLabel="Cancel"   rightButtonLabel="OK"  >
 <igx-dialog #dialog2   leftButtonLabel="Cancel"    rightButtonLabel="SAVE"  >
For dialog1 and dialog2 I wanted to have different styling i.e., apply different font, different back ground color - different CSS
The below CSS is applying to all dialog boxes which I don't want.How can I differentiate?
(Tried adding  id and class to igx-dialog tag didn't work)
.igx-dialog__window {
position: relative;
min-width: 17.5rem;
border-radius: 4px;
background: #fff;


Parents Reply Children
No Data