Get 20% off all career paths from fullstack to AI
NY State-Licensed Certificates in Design, Coding & AI — Online
Overview
AI, Data Science & Cloud Certificates from Google, IBM & Meta — 40% Off
One plan covers every Professional Certificate on Coursera. 40% off Coursera Plus Annual.
Unlock All Certificates
Learn how to create a custom select menu using only CSS in this 18-minute tutorial. Explore techniques for customizing form elements, focusing on select menus. Discover how to use pseudo-elements and pointer-events to achieve a high level of customization without relying on JavaScript. Follow along as the instructor demonstrates HTML structure, CSS styling, and implementation of custom icons. Gain insights into fixing sizing issues and creating a polished, user-friendly select menu design.
Syllabus
- Intro
- The HTML
- Starting the CSS
- Setting up the custom button
- pointer-events none
- Fixing the size
- The custom icons
- Outro
Taught by
Kevin Powell