我不确定发生了什么事。 “记住我”左侧应该有一个复选框,底部应该有两个测试复选框,因为我有一辆自行车,我有一辆汽车。它们在 Firefox 中显示,但在 Chrome 中不显示。我相信我有 CSS 问题,但找不到它?有人可以帮忙吗?
http://www.cloudtute.com/auth http://www.cloudtute.com/auth
我正在更广泛地回答那些遇到 Chrome 中未显示复选框问题的人。并被谷歌引导到这里。您在 Safari 中也可能会遇到此问题,因为两者当前都在使用WebKit https://en.wikipedia.org/wiki/WebKit.
我们在自己的网站上遇到了这个问题,其中复选框和无线电输入无法正确显示。但通过将其添加到我们的 CSS 中来修复它。
input[type=checkbox]
{
-webkit-appearance:checkbox;
}
现在效果很好。
正如您所看到的,另一位开发人员添加了-webkit-appearance: none;
就像你的情况一样。就我们而言,这是因为我从一个主题开始。
但为了绝对确保输入显示,只需在 CSS 中声明这些规则是安全的。在此页面中,我将样式放置在<style>
标签(我不推荐),但我在测试时截图了。更好的做法是删除冲突的样式并在适当的文件夹中添加样式。
其他资源:
https://css-tricks.com/almanac/properties/a/appearance/ https://css-tricks.com/almanac/properties/a/appearance/
https://davidwalsh.name/webkit-appearance https://davidwalsh.name/webkit-appearance
什么是 WebKit?它与 CSS 有何关系? https://stackoverflow.com/questions/3468154/what-is-webkit-and-how-is-it-related-to-css
https://developer.apple.com/library/content/documentation/AppleApplications/Reference/SafariCSSRef/Articles/StandardCSSProperties.html https://developer.apple.com/library/content/documentation/AppleApplications/Reference/SafariCSSRef/Articles/StandardCSSProperties.html
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)