Hey Community,
I'm currently struggling with my checkboxes from my table, which i designed with html.
Can anyone help me with positioning the checkbox in the middle of the Table Cell?
Now, the checkbox is on the left side.
This is the code of the "style":
<!DOCTYPE html>
<style>
.hide {
display: none;
}
/* Hide default checkbox */
.container input[type=checkbox]{
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
/* The container */
.container {
display: block;
position: relative;
padding-left: 35px;
margin-bottom: 12px;
cursor: pointer;
font-size: 22px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/* customized checkbox */
.checkmark {
position: absolute;
top: 0;
left: 0;
height: 20px;
width: 20px;
background-color: #eee;
border: 2px solid #00b578;
border-radius: 8px;
}
Thank you for your help.
I'm currently struggling with my checkboxes from my table, which i designed with html.
Can anyone help me with positioning the checkbox in the middle of the Table Cell?
Now, the checkbox is on the left side.
This is the code of the "style":
<!DOCTYPE html>
<style>
.hide {
display: none;
}
/* Hide default checkbox */
.container input[type=checkbox]{
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
/* The container */
.container {
display: block;
position: relative;
padding-left: 35px;
margin-bottom: 12px;
cursor: pointer;
font-size: 22px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/* customized checkbox */
.checkmark {
position: absolute;
top: 0;
left: 0;
height: 20px;
width: 20px;
background-color: #eee;
border: 2px solid #00b578;
border-radius: 8px;
}
Thank you for your help.