Html 当我没有标签文本时，如何避免标签在自定义复选框中折叠？

我已经创建了一个自定义复选框，只要我有标签文本，它就可以正常工作。 但是，当我删除标签文本并只保留复选框时，该行将折叠。 我已尝试将

.kx selector

的display属性设置为不同的内容，但没有任何帮助

当没有标签文本时，如何避免行折叠

我的代码：

*{框大小：边框框；}
正文{页边距：10px；}
.kx选择器{
显示器：flex；
对齐项目：居中；
位置：相对位置；
左侧填充：28px；
}
.kx选择器输入{
位置：绝对位置；
z指数：-1；
不透明度：0；
}
.kx-选择器指示灯{
显示：内联flex；
对齐项目：居中；
证明内容：中心；
位置：绝对位置；
左：0；
高度：20px；
宽度：20px；
边框：实心1px#71767a；
}
.kx选择器输入：选中~.kx选择器指示灯{
边框颜色：#007a8c；
背景色：#007a8c；
}
.kx选择器输入：选中~.kx选择器指示器：：之前{
边框颜色：#f6f6f6；
}
.kx-selector\uuuu复选框.kx-selector\uuuu指示器{
边界半径：3px；
}
.kx-selector__复选框。kx-selector__指示器：之前{
显示：无；
内容：''；
位置：绝对位置；
框大小：内容框；
左：7px；
顶部：3px；
宽度：3倍；
高度：9px；
边框：实心#f6f6f6；
边框宽度：0 2px 2px 0；
变换：旋转（45度）；
}
.kx-selector__复选框输入：选中~.kx-selector__指示器：：之前{
显示：块；
}

选择框
选择框

试试这个100%有效的方法

*{框大小：边框框；}
正文{页边距：10px；}
.kx选择器{
显示器：flex；
/*对齐项目：居中；*/*删除此行*/
伸缩方向：列；/*新增*/
位置：相对位置；
填充：5px25px；/*新添加*/
}
.kx选择器输入{
位置：绝对位置；
z指数：-1；
不透明度：0；
}
.kx-选择器指示灯{
显示：内联flex；
对齐项目：居中；
证明内容：中心；
位置：绝对位置；
左：0；
高度：20px；
宽度：20px；
边框：实心1px#71767a；
}
.kx选择器输入：选中~.kx选择器指示灯{
边框颜色：#007a8c；
背景色：#007a8c；
}
.kx选择器输入：选中~.kx选择器指示器：：之前{
边框颜色：#f6f6f6；
}
.kx-selector\uuuu复选框.kx-selector\uuuu指示器{
边界半径：3px；
}
.kx-selector__复选框。kx-selector__指示器：之前{
显示：无；
内容：''；
位置：绝对位置；
框大小：内容框；
左：7px；
顶部：3px；
宽度：3倍；
高度：9px；
边框：实心#f6f6f6；
边框宽度：0 2px 2px 0；
变换：旋转（45度）；
}
.kx-selector__复选框输入：选中~.kx-selector__指示器：：之前{
显示：块；
}

选择框
选择框
选择框

只需将

.kx-selector\u指示器设置为相对位置，而不是绝对位置：


*{
框大小：边框框；
}
身体{
利润率：10px；
}
.kx选择器{
显示器：flex；
对齐项目：居中；
位置：相对位置；
}
.kx选择器输入{
位置：绝对位置；
z指数：-1；
不透明度：0；
}
.kx-选择器指示灯{
显示：内联flex；
对齐项目：居中；
证明内容：中心；
位置：相对；/*已更新*/
/*左：0；不再需要*/
高度：20px；
宽度：20px；
右边距：5px；/*已添加*/
边框：实心1px#71767a；
}
.kx选择器输入：选中~.kx选择器指示灯{
边框颜色：#007a8c；
背景色：#007a8c；
}
.kx选择器输入：选中~.kx选择器指示器：：之前{
边框颜色：#f6f6f6；
}
.kx-selector\uuuu复选框.kx-selector\uuuu指示器{
边界半径：3px；
}
.kx-selector__复选框。kx-selector__指示器：之前{
显示：无；
内容：''；
位置：绝对位置；
框大小：内容框；
左：7px；
顶部：3px；
宽度：3倍；
高度：9px；
边框：实心#f6f6f6；
边框宽度：0 2px 2px 0；
变换：旋转（45度）；
}
.kx-selector__复选框输入：选中~.kx-selector__指示器：：之前{
显示：块；
}

选择框
选择框