如何在css中更改选择时输入复选框的颜色？

我正在开发一个表单，在这个表单中，我想更改css中输入复选框的颜色。这是解决这个问题的方法。我用来制作复选框的HTML代码片段是：

<div class="form-check mb-3">
   <input class="form-check-input" type="checkbox" id="gridCheck">
   <label class="form-check-label" for="gridCheck">
   Lorem Ipsum is simply dummy text of the printing and typesetting industry.
   </label>
</div>

---

是否要更改复选框旁边文本的颜色？当我们选中复选框时，它显示为蓝色。我们有没有办法把它换成其他颜色？我现在正在用手机，我看不出“蓝色”在哪里。您介意提供一个屏幕截图吗？您不能为输入设置样式。顺便说一下，你的小提琴使用了重复的ID。不要重复

input#gridCheck.form-check-input
{
color: red;
}