![](/img/trans.png)
[英](HTML & CSS) How have a checkbox appear when another checkbox is checked
[英]Checkbox Alignment problem when checked - HTML/CSS
未选中复选框时,对齐在一条直线上。但是,如果选中复选框,则框向左移动。 无论是否选中,我都希望这些框在一条直线上对齐。 请提及此问题的修复程序。
[Image- Checkbox moves when checked][1] input[type=checkbox][_ngcontent-c13], .tbl-chkBx[_ngcontent-c13] { height: auto; width: auto; margin-top: auto; vertical-align: initial; text-align: center; }
<td _ngcontent-c13="" class="tbl-chkBx"> <input _ngcontent-c13="" class="form-check-input position-static ng-untouched ng-valid" formcontrolname="isSelected" type="checkbox" ng-reflect-name="isSelected"> </td>
肯定存在与元素的宽度和高度相关的问题。 这应该解决它:
input[type="checkbox"] {
margin-right: 5px;
display: inline-block;
border: 1px solid black;
-webkit-transform: scale(1.4);
-moz-transform: scale(1.4);
-ms-transform: scale(1.4);
-o-transform: scale(1.4);
transform: scale(1.4);
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.