Custom select menu - CSS only
Check out Scrimba's new career path:
Also, a big thank you to David Lower who gave me the idea for this video! You can check out his site at
// Timestamps //
00:00 - Intro
02:02 - The HTML
03:03 - Starting the CSS
05:14 - Setting up the custom button
08:05 - pointer-events 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 pseudo-elements and the use of pointer-events: none - read more about pointer events here:
--
Come hang out with other dev's in my Discord Community
---
Keep up to date with everything I'm up to
---
Help support my channel
Get a course:
Buy a shirt:
Support me on Patreon:
---
My editor: VS Code -
---
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:
Twitter:
Codepen:
Github:
---
And whatever you do, don't forget to keep on making your corner of the internet just a little bit more awesome!
Смотрите видео Custom select menu - CSS only онлайн без регистрации, длительностью 17 минут 40 секунд в хорошем hd качестве. Это видео добавил пользователь Kevin Powell 22 Июль 2020, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 148 тысяч раз и оно понравилось 5 тысяч людям.