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

CodePudding user response：

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.

CodePudding user response：

You should aim at path not svg. So in your case it will be svg path { background-color: #fff }