Logo Questions Linux Laravel Mysql Ubuntu Git Menu
HTML CSS JAVASCRIPT SQL PYTHON PHP BOOTSTRAP JAVA JQUERY R React Kotlin
 

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

Tags:

css

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

like image 257
ProfK Avatar asked Apr 14 '10 13:04

ProfK

1 Answers

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

Styled checkboxes

like image 57
RDL Avatar answered Nov 01 '22 11:11

RDL
Sign in to Comment

Related questions

Why HTML/CSS Dropdown Menu links not clicking thru on 1st click, only 2nd+ click works?
Checkbox styling doesn't work on Safari mobile
How to remove border highlight on an <select> after press it
How to make a component show/hide on scroll in react.js
Centering flex items on wrap with Bootstrap
DataURL of an img with CSS class
css skew element and get inner rounded border top
Unknown @ rule: @-moz-document for Stylish in Firefox 61
Angular Material Input and select in one form field
Aligning two elements, one left and the other right
Container width needs to be dynamic based on the table width
how to change card background color in bootstrap
CSS style from bootswatch is not working on Shiny R
Recaptcha V3 assets cause Pagespeed issues - how to defer
Styling a Router Link with styled-components
Type {} is not assignable to type CSSProperties. typescript
How can I obtain any custom shape using clip-path css propery?
iOS 15 Safari floating address bar
How to chain pseudo selectors in SASS
messy css indentation in vim

Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!