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

Issue

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

like you can see I have attached screenshot

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

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.

Answered By - Rajneesh Chaurasia