Tip #2 : Reset a button's style

twitter logo github logo Updated on ・1 min read

Frontend Tips and tricks (3 Part Series)

1) Tip #1 : Centering elements without flexbox and automatic margins 2) Tip #2 : Reset a button's style 3) Tip #3 A Very Basic Html Structure

This series is about all the neat little HTML/CSS/JS tricks I found and keep finding. Most of these are things that initially took me quite a long time to find or figure out and some are just useful tricks that I use in my day to day.

This tip is not something that I struggled with on the past, it's more of something that I use often and provides a clean slate to build awesome buttons.

button {
  padding: 0;
  background: none;
  border-radius: 0;
  border: none;
  cursor: pointer;
}

That's it :)
Have fun making amazing buttons!

twitter logo DISCUSS
Classic DEV Post from May 13

How to approach solving a challenge during a coding interview

Like many things in life, mastery requires practice and the coding interview is n...

Gabriel Laroche profile image
I'm a passionate front-end Web developer and I love building stuff 😀👨🏻‍💻

By the community, for the community.

DEV is open source, and it's spectacular. It's also the fastest growing software community in the solar system.

Get started now ❤️