Javascript 无法设置HTML/CSS复选框的样式

我无法在一些HTML复选框上进行任何样式设置。任何css都无法更改复选框的外观：

HTML:

---

复选框保持不变。有人能告诉我我做错了什么吗？我认为这在CSS中是可能的

无法在css中设置复选框输入（或收音机）的样式

---

但您可以创建一个自定义复选框，并添加一个隐藏复选框或类似的内容。这是大多数人所做的，因为它可以很容易地跨浏览器兼容。

如果有帮助，请告诉我，或者您需要一些解释

.集装箱{
显示：块；
位置：相对位置；
左侧填充：35px；
边缘底部：12px；
光标：指针；
字体大小：22px；
-webkit用户选择：无；
-moz用户选择：无；
-ms用户选择：无；
用户选择：无；
}
.容器输入{
位置：绝对位置；
不透明度：0；
光标：指针；
身高：0；
宽度：0；
}
.对号{
位置：绝对位置；
排名：0；
左：0；
高度：25px；
宽度：25px；
背景色：#eee；
}
.container:悬停输入~。选中标记{
背景色：#ccc；
}
.container输入：选中~.checkmark{
背景色：#2196F3；
}
.勾选：之后{
内容：“；
位置：绝对位置；
显示：无；
}
.容器输入：选中~。选中标记：之后{
显示：块；
}
.容器。选中标记：之后{
左：9px；
顶部：5px；
宽度：5px；
高度：10px；
边框：纯白；
边框宽度：0 3px 3px 0；
-webkit变换：旋转（45度）；
-ms变换：旋转（45度）；
变换：旋转（45度）；
}
一个

什么是

nput

？对于第二个输入行，您的意思可能是

input

。您的语句“我无法对某些HTML复选框进行任何样式设置”不正确，请参阅：。定位和大小如预期一样有效。。。。背景色，现在这是一个不同的故事。根据前面的评论，在设置复选框和单选按钮的样式时存在一些“问题”。一个好的答案应该解释它的作用以及原因，而不仅仅是依靠代码来进行对话。

<input type="checkbox" id="checkbox-1-1" class="regular-checkbox" />
    <nput type="checkbox" id="checkbox-1-2" class="regular-checkbox" />
    <input type="checkbox" id="checkbox-1-3" class="regular-checkbox" />
    <input type="checkbox" id="checkbox-1-4" class="regular-checkbox" />

.regular-checkbox {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}