Css 如何更改复选框、复选框标记样式

这里我有一个多选列表，如下所示

但是我无法更改CSS。这是到目前为止我已经尝试过的代码，我能够得到轮廓颜色，但我无法看到它

输入[类型=复选框]，输入[类型=收音机]{ 保证金：4px0； 页边距顶部：1px\9； 高度：16px； 边界半径：2px； 线高：正常； 盒影：无； 轮廓偏移：-1px； -webkit外观：无； 宽度：16px！重要； 保证金：5px； 外观：无； 外形：2个实心455eab； 字号：2em； } .表格检查输入{ 宽度：35px； } 输入[类型=复选框]：选中~label:：before{ 颜色：455eab； } 你是那个意思吗

标签{ 光标：指针； 显示：内联块； } 标签输入[类型=复选框]{ 显示：无； } 标签输入[类型=复选框]：选中+.cb图标{ 背景：455DA7； 边框：2倍实心透明； } 标签输入[类型=复选框]：选中+.cb图标：：之前{ 显示：块； } label.cb图标{ 宽度：16px； 高度：16px； 显示：块； 位置：相对位置； 边界半径：4px； 边框：2个实心455DA7； 过渡：所有0.5s缓解； } label.cb icon:：before{ 内容：； 顶部：0px； 左：5px； 宽度：4px； 高度：10px； 显示：无； 位置：绝对位置； 变换：旋转45度； 过渡：所有0.5s缓解； 边框顶部：0px实心透明； 右边框：3倍实心fff； 边框底部：3倍实心fff； 左边框：0px实心透明； } input[type=checkbox]：选中~label:：在HTMLP中看不到任何标签后，可能与check重复