Check out Scrimba's new career path: https://scrimba.com/path/gfrontend?ut...

Also, a big thank you to David Lower who gave me the idea for this video! You can check out his site at https://squirrelwise.com/

// Timestamps //
00:00 Intro
02:02 The HTML
03:03 Starting the CSS
05:14 Setting up the custom button
08:05 pointerevents none
09:30 Fixing the size
11:11 The custom icons
16:37 Outro

Customizing form elements can be one of the hardest things to do with CSS, with select menus being the worst of the bunch. Instead of creating a completely new element with a pile of divs and a bunch of JS, there are ways to customize select menus though!

It doesn't give you 100% control, but you can go pretty far with a couple of pseudoelements and the use of pointerevents: none read more about pointer events here: https://developer.mozilla.org/enUS/d...



Come hang out with other dev's in my Discord Community
  / discord  



Keep up to date with everything I'm up to
✉ https://www.kevinpowell.co/newsletter



Help support my channel
‍ Get a course: https://www.kevinpowell.co/courses
Buy a shirt: https://teespring.com/stores/makingt...
Support me on Patreon:   / kevinpowell  



My editor: VS Code https://code.visualstudio.com/



I'm on some other places on the internet too!

If you'd like a behind the scenes and previews of what's coming up on my YouTube channel, make sure to follow me on Instagram and Twitter.

Instagram:   / kevinpowell.co  
Twitter:   / kevinjpowell  
Codepen: https://codepen.io/kevinpowell/
Github: https://github.com/kevinpowell



And whatever you do, don't forget to keep on making your corner of the internet just a little bit more awesome!