CODEWITHSUNDEEP
css
ProfK
ProfK

Reputation: 51064

How do I make a checkbox smaller than the default size?

How can I achieve a smaller checkbox input, for use in densely populated lists etc. using standard HTML + CSS?

Upvotes: 8

Views: 14207

Answers (2)

Katie
Katie

Reputation: 48238

<style type="text/css">
    input[type='checkbox'] {
        width:10px;
        height:10px;
    }
</style>

Upvotes: 5

RDL
RDL

Reputation: 7961

Resizing the checkbox input isn't reliable cross-browser. Check out this site for some investigation:

Styled checkboxes

Upvotes: 7

Related Questions