/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 votes200 views2 answers
Css border
CSS
3 votes223 views2 answers
Bootstrap.min.js.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE
CSS Bootstrap
7 votes199 views3 answers
Stick menu bar in css
CSS
0 vote194 views1 answer
Css flex bottom
CSS
0 vote184 views1 answer
Css good font color
CSS
92 votes172 views5 answers
Bootstrap primary color code
CSS
8 votes191 views2 answers
Css list style
CSS
6 votes183 views6 answers
Console.log with color font
CSS
0 vote180 views1 answer
Drupal 8 Notice: Trying to get property
CSS
35 votes198 views6 answers
Ellipsis
CSS