How to remove this image border?

Question

Button

This is the Image I want to add, but when I display it on the website it becomes a image with borders: Button with border (there is a background behind the button). I'm using javascript with reactjs, html and css.

Here is the code I used to display the image:

css code: code

js code: enter image description here

How do I display this image without this border? I tried putting in css file border:0; margin: 0; padding: 0; border: none; but nothing works

Answer 1

Try border-style: none; . Your question isn't very concise, but it should work.. I think.. You should probably add in some more details

But really, I would never use an image in place of a button. Do this instead:

 button { height: 50px; width: 200px; padding: 5px 10px 5px 10px; background-color: white; font-size: 30px; border: 2px solid black; border-radius: 40px; }

 <button onclick="">Contato</button>