CSS Button Styles You Might Not Know

Published on by David Bushell

David Bushell shares some unbelievably good tips on styling buttons and explains exactly how they work too.

This article is wall-to-wall bangers. This is my favourite snippet: 

.button,
::file-selector-button {
  /* fancy */
}

I had no idea we had a ::file-selector-button pseudo-element all this time! I’ve been doing all sorts of trickery with labels and stuff to make file inputs nicer. There’s no need for that anymore thanks to this article.

I love articles like this so much. I wish more people wrote them!

Check it out