I need to remove the default styling of this button (The background and border), but any time I try to the CSS does nothing.

Here's the code: <button type="submit"> <i ></i> </button>

Thanks!

CodePudding user response：

I suspect that you might have tried to change style of the icon, not the button.

What should work:

.your-class-name {
    background: none;
    border: none;
}

<button  type="submit"> 
  <i  ></i> 
</button>