Follow

Keep Up to Date with the Most Important News

By pressing the Subscribe button, you confirm that you have read and are agreeing to our Privacy Policy and Terms of Use
Contact

How to make material ui Chips delete svg icon in white color using css

I am using material UI component and I gave custom class to my chip

like you can see I have attached screenshot
enter image description here

here I am trying to make that cross button in white like this

MEDevel.com: Open-source for Healthcare and Education

Collecting and validating open-source software for healthcare, education, enterprise, development, medical imaging, medical records, and digital pathology.

Visit Medevel

enter image description here

So I check doing inspect element and came to know that it is SVG icon

so in App.css
I tried to make all the svg icon in white like this

svg{ color:white }

but still its not helping me still it showing me black color cross button

>Solution :

try to use !important like svg{ color:white !important; } and check if it works.

if it does not work then inspect the cross element and check what class is applied on it then using that class redeclare your styles in your css file.

Add a comment

Leave a Reply

Keep Up to Date with the Most Important News

By pressing the Subscribe button, you confirm that you have read and are agreeing to our Privacy Policy and Terms of Use

Discover more from Dev solutions

Subscribe now to keep reading and get access to the full archive.

Continue reading