物化ECSS样式单选按钮作为按钮

我尝试设计一个视频控件

我想要两个单选按钮用于快进/快退

<input name="group1" type="radio" id="ff" />
<label for="ff"><i class="material-icons">fast_forward</i></label>
<input name="group1" type="radio" id="fr" />
<label for="fr"><i class="material-icons">fast_rewind</i></label>

快进
快退

---

如何设置它们的样式，使其显示为所选单选按钮的按下状态的按钮？

这是一个基本示例，您可以根据需要进行调整

#帮助标签{
浮动：左；
宽度：120px；
边际：0px；
背景色：#FFF；
边界半径：4px；
边框：1px实心#d0；
溢出：自动；
}
#帮助标签范围{
文本对齐：居中；
字体大小：16px；
填充：10px 0px；
显示：块；
}
#帮助标签输入{
位置：绝对位置；
顶部：-20px；
}
#帮助输入：选中+span{
背景色：靛蓝；
颜色：白色；
}
#救命，怀特{
背景色：#FFFFFF；
颜色：#000；
}

我
需要
A.
工作