css - CSS着色收音机内部的问题

Question

我试图在选中单选按钮时为其内部着色，所以我有这个 html：

<div class="form-check">
  <label>
    <input
      class="form-check-input"
      type="radio"
      name="myradio">
    Text here
  </label>
</div>

这个CSS：

.form-control-input:checked~.form-control-label::before {
  color: #fff;
  border-color: #7B1FA2;
}

上面的 css 没有着色。

我怎样才能做到这一点？