Background-color on复选框不设置颜色

Question

我有一台<input type="checkbox" />

我已经设法设置了边框颜色之类的东西，但是我似乎不能设置背景颜色。它就一直是白色的。

谁能提供一个解决方案，我一直在这个网站和其他网站上寻找答案，但没有找到工作。这是将使用边缘浏览器的内部应用程序。

Answer 1

它可能会被浏览器的默认设置覆盖。您是否尝试过在background-color选项中添加!important？

如果这不起作用，appearance: none;可能会有帮助，但它会完全删除输入的默认样式，因此您将不得不样式化所有的东西，如:checked标记等。

E:如果你只想在检查输入后改变背景颜色，你可以使用accent-color (https://developer.mozilla.org/en-US/docs/Web/CSS/accent-color)

Answer 2

我不确定这是否有效，但您可以为输入指定一个类名，并尝试使用: sure和:after sudo选择器，例如

“.yourclassname:checked:after，.yourclassname:checked:before”