YoVDO

Custom Select Menu - CSS Only

Offered By: Kevin Powell via YouTube

Tags

HTML & CSS Courses Computer Science Courses Web Development Courses Pseudo-elements Courses

Course Description

Overview

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

Related Courses

Introduction to CSS3
University of Michigan via Coursera
Основы HTML и CSS
Moscow Institute of Physics and Technology via Coursera
Aprende Efectos CSS3
Udemy
CSS Selectors Course (How To)
Treehouse
HTML & CSS Crash Course Tutorial
Net Ninja via YouTube