css - 不显示 Chrome 的复选框 - 在其他浏览器中工作

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

最佳答案

我在更广泛的层面上回答那些遇到复选框未在 Chrome 中显示的问题的人。并被谷歌定向到这里。您在 Safari 中也可能遇到此问题，因为两者当前都在使用 WebKit .

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

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

现在一切正常。

success

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

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

关于css - 不显示 Chrome 的复选框 - 在其他浏览器中工作，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/16632955/