/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 vote264 views1 answer
Border radius circle button
CSS
1 vote271 views1 answer
How to remove lines from textarea
CSS
0 vote275 views1 answer
Patterns with css
CSS
0 vote261 views1 answer
Cannot apply border radius to tr
CSS
0 vote214 views1 answer
Bootstrap 3 progress bar animation
CSS
-1 vote323 views2 answers
How to set background automatically with my screen height
CSS
51 votes237 views5 answers
Css reset
CSS
2 votes247 views1 answer
Transform:translateX()
CSS
0 vote254 views1 answer
Unhover animation
CSS
98 votes246 views2 answers
Css box-shadow shorthand
CSS