Css 在其他浏览器中不显示Chrome-Work的复选框

我不知道发生了什么事。在“记住我”的左边应该有一个复选框，在底部应该有两个测试复选框，因为我有一辆自行车，我有一辆车。它们显示在Firefox中，但不显示在Chrome中。我相信我有一个CSS问题，但找不到它？有人能帮忙吗

CSS中的这一行：

-webkit-appearance: none;

---

在

输入的样式规则中，按钮、选择、文本区域

正在为您打破规则。

您已经定义了样式规则：

-webkit-appearance: none;

为

输入、按钮、选择、文本区域定义，您必须将其删除才能工作

控制台中还有一个JS错误：
uncaughtreferenceerror:containerz未定义
，请查看。
我在更广泛的层面上回答那些遇到这个问题的人，即没有在Chrome中显示复选框。这是由谷歌导演的。您在Safari中也可能会遇到此问题，因为两者当前都在使用

我们在自己的网站上遇到了这个问题，复选框和无线电输入没有正确显示。但通过将其添加到CSS中修复了它

input[type=checkbox]
{
  -webkit-appearance:checkbox;
}

现在它工作得很好


如您所见，另一位开发人员添加了
-webkit外观：无就像您的情况一样。在我们的案例中，这是因为我从一个主题开始

但是为了绝对确保输入显示，在CSS中声明这些规则是安全的。在这个页面中，我将样式放在
标签中（我不推荐这样做），但我在测试时截图了。更好的做法是删除冲突的样式，并在适当的文件夹中添加样式

其他资源：







如果在Firefox中为复选框指定宽度0px，您将能够看到它，但是如果在Chrome中打开相同的代码，复选框将不可见。
我也遇到了同样的问题。
当我禁用广告块扩展时，它工作了

然后，我在广告块中为这个站点添加了一个异常。
将复选框的值设置为true对我来说很有效

value="true"

取消复选框宽度和高度的定义。我也有同样的错误，但我注意到我已经将复选框的宽度和高度设置为很小的值，所以我删除了这些属性。
出于某种奇怪的原因，从CSS中删除这一行
高度：100%
解决了这个问题。该复选框位于表的
td
元素下

所以我制定这条规则只是为了避免这种情况：

table td > input:not([type='checkbox']) {
    height: 100%;
}

它只是解决了我的问题
我通过从复选框中删除
表单控件
类来解决这个问题
谢谢你们。我已经删除了那条线，但它仍然没有显示。还有其他想法吗？或者我又犯了一个错误吗？你确定你已经删除了那条线吗？当我检查你的网站时，我可以看到它仍然在那里，当我关闭它时，你的复选框就会出现。谢谢你-结果发现CSS没有正确上传。这可能是一个更好的注释谢谢！你的回答有帮助。。宽度：0px是我的问题！：）你救了我的命。添加您这样做的原因可能会对未来的用户有所帮助
input[type=checkbox] {
    display: block;
}