Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS

Posted by Andrew Courey
.a{fill-rule:evenodd;}techdegree seal-36
Andrew Courey
Front End Web Development Techdegree Graduate 15,310 Points

How can I style a select box to look like this: https://postimg.cc/image/tm5jzc6g7/

I am trying to style select elements, but none of it is working. It would be super helpful if someone could show me how to make a select element look like this.

1 Answer

Goce Petrov
Goce Petrov
8,302 Points
Goce Petrov
Goce Petrov
8,302 Points

https://codepen.io/GP83/pen/EprdYN

I 've designed for you just copy the code from my code pen. Btw you can add checkmark with pseudo selector ::before and font awesome. Code pen don't accept font awesome.