How to Style Select Tags, Create Custom Dropdown | HTML CSS Javascript

Styling Select tags and their child option tags are trickier than it should be. In this video, I will show you how to create a custom select dropdown as part of a form which will look like a styled select tag and still work as part of a form.

[catcrafteryt]

How does this have 300 views, I mean come on. The best tutorial I could find explaining this out there! Thank you.

[ore_bear]

perfect speed on the instructions, thank you

[yohil]

As someone who is just starting my adventure with programming and trying to style options for the first time this was very helpful

[syedmujeebh]

Its been a long wait
and
Finally, a new video in this channel.

[apop]

Thanks for this video! 😊 This is the first resources I've come across with a simple workaround for style a select component using minimal JavaScript.

[vusimdudu]

A most exellent tutorial, please keep up the good work, and may your creative juices never ebb 😆

[SkLzaGaming]

I love you Richard, really i feel amazed. its feel easy to learn from you. Best teacher in youtube in my watchlist.

[shvideo]

Great tutorial, thank you. One item that's really missing on this form input (and many other examples on YouTube) is selection by keyboard. It would have been great to have that as well. Without it the control is not complete! A very nice touch would also be to add smooth option selection as well as flipping the arrow up and down when clicked. I am going to try to do these on my own. Thanks again for taking the time to share!

[dregavero]

Very good, thank you very much! 👏 most tutorials just skim through the custom style for the menu items, which are actually so important to style as well

[tomsbude]

I hope u are still reading comments, great video really helped me with everything understanding aswell as doing the dropdown, big big big thx, i hope u are doing well and if what i will know where to look up videos in future, super job, have a nice rest of work week! :)

[danielChibuogwu]

Thanks for this Richard, it was exactly what i needed

[andrewking]

This tutorial was so useful, just what I needed. Thank you!

[zerooptions]

This tutorial was exactly what I need. Thank You!

[oleksandrpushkar]

Thanx for this video, man. You got one more subscriber, now ))_

[KyawTheMonkey]

Hello Richard. I appreciate your video. I'm curious how could I make it reusable so that it can be exported as a component.

[horacioamigo]

Hello Richard, this is excelent coding, thank you very much. I'm just starting with HTML, CSS and Javascript and I have to write code for a select box with much more than three options. I wonder if you can give a hint to add a scroll bar to the select box. Thanks in advance for your help. Greetings from Argentina.

[BgTheoBs]

Hello, I hope you see my comment, really grateful for that tutorial, but I have a little question. Can you add scroll to this dropdown or that is one of the downsides of this method? Thanks for the answer in advance

[josechirino]

Great video, . It's really annoying work with select in css