选中单选按钮时更改文本

Question

我可以改变＆＃34;投票图标＆＃34;的颜色。当选中单选按钮但我无法改变＆＃34;无线电文本＆＃34;的颜色。任何帮助将不胜感激。

  <div class="vote-answers"  id="poll-vote-{{$choice->id}}">
     <label>
        <input type="radio" name="choiceId" value="{{$choice->id}}">
           <span class="vote-icon"></span>
           <span class="radio-text">{{$choice->show($poll)}}</span>
      </label>
    </div>


 #poll-vote-id {
    label > input:checked + span.vote-icon:after,
    label > input:checked + span.radio-text { 
      color: #3f75c7;
    }
  }

Answer 1

+组合子意味着下一个元素相邻的兄弟选择器 .. .radio-text元素不是。

使用~选择器代替...这是一般兄弟选择器。

https://code.tutsplus.com/tutorials/the-30-css-selectors-you-must-memorize--net-16048