如何解决复选框和文本之间有间距吗?
我在弄清楚如何添加自定义CSS来增加复选框和文本之间的间距时遇到了麻烦(运送到其他地址?)。每当我添加边距或填充整个元素(复选框+文本)时,都会移动。看到图片了吗? 感谢您的帮助!
https://roynattivmd.com/checkout/
复选框和文本:
解决方法
您可以通过在特定输入中添加margin-right: [value];
来增加一些间距。由于您使用的是elementor,因此可以通过内联样式来实现。
<label for="myInput">
<input id="myInput" type="checkbox" style="margin-right: .5rem;">
Ship to a different address?
</label>
或通过外部样式表:
#myInput {
margin-right: .5rem;
}
<label for="myInput">
<input id="myInput" type="checkbox">
Ship to a different address?
</label>
,
请尝试使用此代码,要在复选框和文本之间留出间距?
dd label input {
margin-right:10px;
}
<dd id="rr-element">
<label for="rr-1">
<input type="checkbox" value="1" id="rr-1" name="rr[]">
Value 1
</label>
</dd>
我希望这段代码会有用。
谢谢。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。