/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

6 votes179 views4 answers
Tailwind css npm
CSS
1 vote166 views1 answer
H2 custom font family html css
CSS
-1 vote191 views1 answer
Reset the entire box model
CSS
0 vote188 views1 answer
Can a div change an item in another div css
CSS
3 votes1.8K views1 answer
Input text size css
CSS
19 votes199 views3 answers
Center in grid
CSS
0 vote373 views1 answer
Center absolute suedo element
CSS
0 vote168 views1 answer
Html list bullets not centered
CSS
0 vote182 views1 answer
Click a list html css
CSS
-1 vote178 views1 answer
Css grid media queries
CSS