Html 如何设置输入类型复选框边框和背景？

我需要将输入类型复选框右侧填充设置为

10px

和

border right:1px solid\000

。我正在尝试此操作，但复选框不接受值。有人知道它为什么不起作用吗

我正在使用以下代码：

input[type="checkbox"] {
  border-right:1px solid #fff;
  margin-right:10px;
}

---

边框不起作用。

这是浏览器不允许您设置太多样式的元素之一，大多数情况下，人们会用javascript替换它

你为什么不试试呢？：）

编辑：

---

这里有一个例子：这是我曾经在没有javascript的情况下制作的，希望它能帮助你（很抱歉刚才用这种颜色制作了它们，所以你可以看到：）

这是浏览器不允许你设计太多样式的元素之一，大多数人都用javascript替换它

你为什么不试试呢？：）

编辑：

---

下面是一个例子：这是我在不使用javascript的情况下制作的，希望它能帮助您（很抱歉，刚才的颜色是这样制作的，所以您可以看到：）

您尝试过使用大纲而不是边框吗

例如：

outline : 2px solid #000000;

---

你试过用轮廓代替边框吗

例如：

outline : 2px solid #000000;

我试了一些东西，看了看，我试了一些东西，看了看