Hi guys, Welcome to the Advanced Video Search Engine, and you are watching Custom select menu - CSS only. That video is uploaded by Kevin Powell at 2020-07-22T09:31:44-07:00. We are promoting this video only for entertainment and educational purpose only. So, I hope you like & enjoy it. [bB14uo0Tu5A]
| Name | Custom select menu - CSS only |
| Video Uploader | Video From Kevin Powell |
| Upload Date | This Video Uploaded At 22-07-2020 16:31:44 |
| Video Discription | Check out Scrimba's new career path: https://scrimba.com/path/gfrontend?utm_campaign=kevinpowell_launch 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 - 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: https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events -- Come hang out with other dev's in my Discord Community π¬ https://discord.gg/nTYCvrK --- 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/making-the-internet-awesome π Support me on Patreon: https://www.patreon.com/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: https://www.instagram.com/kevinpowell.co/ Twitter: https://twitter.com/KevinJPowell Codepen: https://codepen.io/kevinpowell/ Github: https://github.com/kevin-powell --- And whatever you do, don't forget to keep on making your corner of the internet just a little bit more awesome! bB14uo0Tu5A |
| Category | Education |
| Tags | Kevin Powell | tutorial | html | css | custom select box | custom select box css | css custom select box | how to design a custom select box | custom select dropdown css | custom dropdown css | custom select css | css select box | custom select box html css | custom select box using css only | custom select box dropdown css | css custom select | css only custom select | custom html select |
