[CSS] Fix invisible checkboxes

This commit is contained in:
Diogo Peralta Cordeiro 2021-04-29 21:20:40 +01:00 committed by Hugo Sales
parent 6819dd9fb7
commit f95b8ab226
4 changed files with 1 additions and 9 deletions

View File

@ -235,12 +235,9 @@ input.larger {
box-shadow: 0 0 8px var(--accent);
}
.content input[type="checkbox"] {
position: absolute;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);
}

View File

@ -263,12 +263,9 @@ input.larger {
box-shadow: 0 0 8px var(--accent);
}
.content input[type="checkbox"] {
position: absolute;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);
}

View File

@ -263,12 +263,9 @@ input.larger {
box-shadow: 0 0 8px var(--accent);
}
.content input[type="checkbox"] {
position: absolute;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);
}

View File

@ -115,6 +115,7 @@ input[type=text] {
.form input[type=checkbox] {
float: left;
margin-right: calc(var(--unit-size) * 0.5);
margin-top: calc(var(--unit-size) * 0.2);
}
button[type=submit] {