如何跨浏览器一致地对齐复选框及其标签

将复选框和标签包装在容器中

第一步是将元素包装在一个容器中,这样我们就可以使用它为复选框和标签应用样式。

<div class="checkbox-container">
  <input type="checkbox" id="checkbox1">
  <label for="checkbox1">Checkbox Label</label>
</div>

设置复选框和标签的样式

一旦我们有了我们的容器,我们就可以使用 CSS 来定位复选框和标签,调整它们的大小,并设置它们的样式。

.checkbox-container {
  display: flex;
  align-items: center;
}
 
.checkbox

猜你喜欢

转载自blog.csdn.net/weixin_38612163/article/details/129464911