/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

1 vote255 views1 answer
Stop anchor tag scroll to top of page
CSS
2 votes248 views1 answer
Vh vs vw css
CSS
0 vote241 views2 answers
Tailwind css disabled button
CSS
1 vote256 views1 answer
Css p tag text wrap
CSS
0 vote274 views1 answer
Tailwindcss link tag
CSS
1 vote239 views1 answer
Onclick change visibility
CSS
17 votes240 views2 answers
Rgb green
CSS
5 votes301 views2 answers
Materialize css cdn
CSS Materialize
68 votes286 views1 answer
Css flexbox syntax
CSS
0 vote277 views1 answer
Ratio bootstrap
CSS Bootstrap