Grow your CSS skills. Land your dream job.

how to make Dropdown with checkbox

  • # February 22, 2013 at 4:05 am

    Hi here is my code. Is it possible to make this type.

    sumit


  • sumit

  • sumit

  • sumit
# February 22, 2013 at 4:13 am

here is code

http://codepen.io/anon/pen/zFwqf

# February 22, 2013 at 4:17 am

You can’t do it this way. The select element involves some shadow DOM, so every tag between <option> is stripped off.

You will have to use a regular unordered list like [this](http://tympanus.net/Tutorials/CustomDropDownListStyling/index4.html) for example.

# February 22, 2013 at 4:22 am

You can not have a checkbox in the dropdown select list.

http://codepen.io/anon/pen/suKrl

# February 22, 2013 at 4:27 am

Thanks all

# February 22, 2013 at 5:28 am

The question(s), I guess, is/are “What are you trying to do, and why?”

We may be able to offer alternative strategies.

# February 22, 2013 at 6:06 am

@AlenAbdula Linking to w3schools isn’t a good advice. See http://w3fools.com/.

# February 22, 2013 at 7:03 am

~Confession bear mode

I learned (x)html and css from w3schools… years ago though, in my defense :P Sites like sitepoint aren’t as easy to learn from for beginners.

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".