/CSS/Checkbox before stretching with css

Checkbox before stretching with css

1

In the CSS code in the input[type='checkbox'] {} section, try using min-width: 20px; rather than width: 20px;.

Worked for me in a test implementation with copy/pasted code although I had to set max-width in the properties of the opt-in div to test it.

I don't have a technical explanation but I believe it has something to do with the relative position or the display: flex overriding the specified width/height in pixels.

Source: stackoverflow.com

Similar codes

11 votes117 views5 answers
Css affect other elements on hover
CSS
1 vote100 views1 answer
Associate checkbox with label
CSS
22 votes115 views5 answers
Css center grid
CSS
0 vote108 views1 answer
Css content from data attribute
CSS
322 votes254 views6 answers
Font awesome cdn link
CSS
1 vote106 views1 answer
Bootstrap ol
CSS
1 vote107 views2 answers
Show hidden message html
CSS
10 votes100 views2 answers
Line-height css
CSS
0 vote113 views2 answers
Mat-select-panel-wrap change position
CSS
29 votes117 views4 answers
How to remove bullet in css
CSS