/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

0 vote371 views1 answer
Custom select dropdown css only codepen
CSS
10 votes438 views4 answers
Bootstrap badges Links
CSS Bootstrap
33 votes391 views6 answers
Background image opacity css
CSS
0 vote385 views1 answer
Operador css contain attr
CSS
1 vote400 views1 answer
Symfony version check
CSS
-1 vote354 views1 answer
Css div bottom of parent
CSS
1 vote361 views1 answer
Background-color not showing grover pdf
CSS
2 votes352 views6 answers
Neumorphism
CSS
0 vote368 views1 answer
How to make a flex container full page
CSS
2 votes376 views2 answers
How to center a inline block element
CSS