johnnyb10 johnnyb10 - 2 years ago 220
CSS Question

How to create open square/checkbox style list marker for HTML unordered list?

I need to make a bulleted list on a web page with markers (bullets) that look like empty checkboxes (basically, the outline of a square). I know that you can specify the list marker via the list-style-type property in CSS, but the options available (filled circle, open circle, filled square, etc.) are not what I need.

I don't need these to actually function like checkboxes. I just want them to be squares, not filled in.


Answer Source

Something like this:

    list-style-image: url(''); 
    list-style-position: inside;
Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download