我正在制作这个复选框列表，一切都很好，直到我将它放在这个 div 中并将 scss 包装在其中：
<div data-component="modal"></div>
[data-component='modal'] {styling goes here}
在 css 之外，它检查得很好。有人可以告诉我发生了什么吗？
另外，之所以称为模态框，是因为此复选框位于模态框内。起初我以为模态会搞砸事情，但效果很好。出于某种原因，问题出在 scss 中。
这是codepen。
【问题讨论】：
问题是你给了
background: #fff;
在.custom-checkbox .custom-control-indicator {
这就是不显示刻度的原因。
删除它并再次检查。
【讨论】：
实际上它有效，您正在覆盖带有背景的复选图标，您可以通过删除或更改此行 background: #fff; 来测试。
也许是这样的？
.custom-control-input:checked~.custom-control-indicator{
background: radial-gradient(circle at center, #1062a4 .6ex, white .7ex);
}
希望有帮助，
【讨论】：