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

2024-03-28

我不确定发生了什么事。 “记住我”左侧应该有一个复选框,底部应该有两个测试复选框,因为我有一辆自行车,我有一辆汽车。它们在 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(使用前将#替换为@)

复选框不显示 Chrome - 在其他浏览器中工作 的相关文章

  • 具有水平和垂直冻结窗格的 Gridview

    在你说之前 是的 这个问题可能是重复的 https stackoverflow com questions 2912890 gridview freeze pane solutions https stackoverflow com que
  • 如何在 Yesod 中使用 CSS 框架?

    我想将 Blueprint CSS 框架与 Yesod 一起使用 有没有最佳实践 因为 Yesod 使用 CSS 模板 所以在我看来我不能直接使用 css 文件 我必须将它们重命名为 lucius files 吗 如何将 CSS 添加到 d
  • 带切边、边框和透明背景的 Div

    我一直在试图弄清楚如何在 CSS 中制作一个视觉上看起来像这样的自定义形状 拥有以下财产background rgba 44 44 48 0 9 and border 6px solid rgba 29 30 35 0 9 我的问题是我找不
  • Bootstrap 轮播中的 Href

    我一直在Interwebz上搜索 但似乎找不到答案 如何在轮播链接中添加 href 我尝试将 a 标签放在 h1 标签之外 但它破坏了滑块本身的功能 这是我的代码 div class col sm 12 div class carousel
  • 当输入集中在移动 Safari 上时,页面底部出现不需要的填充

    我正在移动 safari 上使用文本区域 当文本区域聚焦时 视口似乎会在文档下方添加填充 当检查和选择区域时 它不会解析为元素 甚至不会解析为 html 节点 文本区域在屏幕上的位置或是否绝对位置似乎并不重要 当其聚焦时 填充始终存在 有时
  • 使轮子在IE中旋转

    我有以下使用 JS 和 CSS 旋转轮子的代码 var prefix function if document body style MozTransform undefined return MozTransform else if do
  • 如何考虑折叠边距来计算元素的高度

    我想计算 div 元素的总 高度 考虑到崩溃了 http www w3 org TR CSS2 box html collapsing margins margins http reference sitepoint com css col
  • 我应该如何使用 jcrop 在客户端裁剪图像并上传?

    我正在开发一个包含文件上传 HTML 控件的组件 在使用文件上传元素选择图像后 该图像将呈现在 HTML5 Canvas 元素上 这是带有示例代码的 JSFiddle https jsfiddle net govi20 spmc7ymp h
  • 通过移动地址栏时,视差背景图像在移动设备上改变大小

    一周以来 我的视差元素一直在碰壁 寻求帮助对我来说是最后的手段 我已经在各种论坛上寻找这些问题的解决方案 但我尝试过的都没有效果 only在移动设备上 chrome 如果您按住触摸屏并继续向下滚动 则在初始屏幕图像之后 会出现一个白条 屏幕
  • 输入字段内的占位符自动换行

    我需要放一个很长的placeholder输入字段内的文本 但是 那placeholder由于文字较长 将被剪掉
  • 响应式图像悬停 - CSS/JQuery

    我按照这个教程 http mattbango com notebook code hover zoom effect with jquery and css http mattbango com notebook code hover zo
  • 将文本置于圆形按钮上居中

    我想创建一个按钮圆形链接 其中包含文本 但我在将文本置于圆形按钮内居中时遇到问题 行高太大 对这个问题有什么建议吗 这是代码 https jsfiddle net hma443rL https jsfiddle net hma443rL b
  • 将 DIV 扩展到父列表项之外

    我有一个有序列表 它实际上是页面上产品的显示 在每个列表项中 li 有一些内容 后面跟着一个div在关闭列表项之前包含更多内容 我需要每个列表项中的 div 扩展 其宽度 超出其父列表项 并实际填充有序列表的宽度 ol 每个 div 还需要
  • IFrame 内容交换错误?

    我有一个包含许多 iframe 的网页 包括第三方 iframe 例如广告感知和各种共享按钮 在 Firefox 中 我注意到这些 iframe 的内容有时会被交换 这样您就会在另一个 iframe 所在的位置看到广告感知广告 iframe
  • Javascript Firefox - 如果 @import 存在于样式表中,则无法查询 cssRules - bug 或预期行为?

    如果 import 存在于 css 样式表中 我无法查询 cssRules 是否符合网络标准 或者知道 Firefox 的限制 注意 我正在从同一域导入 css 文件 var style rules document styleSheets
  • 为具有可变内容的内联块元素提供相同的高度?

    我有 4 个宽度固定但内容可变的内联块元素 并且我希望所有这些元素具有相同的高度 最大元素的高度 请参见这个jsfiddle http jsfiddle net kKZXj 我应该如何实现这个目标 如果仅使用 css 无法做到这一点 那么使
  • 使用 jQuery Mobile 和响应式布局/CSS 媒体查询是否多余?

    我正在退房http mediaqueri es http mediaqueri es 今天发现这些网站非常适合移动设备 所以我想知道将 jQuery Mobile 和响应 自适应布局与媒体查询一起使用是否是多余的 因为仅使用媒体查询似乎是一
  • Jquery 动画与 CSS 浮动

    我的代码有问题 宽度似乎可以工作 但浮动没有 这里是 这是一个例子 http jsfiddle net v82ck http jsfiddle net v82ck 问题 悬停时菜单上的浮动属性不会改变 我希望每个菜单元素下方的线在悬停该菜单
  • 是否有 CSS 选择器可以选择文本溢出的元素?

    是否可以编写一个 css 选择器 仅选择已调用文本溢出行为的元素 div style width 200px I don t want to select this div div style width 200px But I do wa
  • 底部带有三角形的蒙版图像

    我正在尝试找出如何最好地掩盖具有像这样的角度形状的 div 如果在这种情况下顶部 div 将是背景图像 并且两个 div 都是 100 宽度 我看过很多关于如何用圆形遮罩图像的教程 但没有关于如何遮罩红色区域等 div 边框的教程 我知道一

随机推荐

  • 使用 Python/Django 上传大文件

    我想知道通过使用 Django Python 的 Web 应用程序上传大约 4GB 大小的文件是否有任何影响 我记得过去使用 Java 进行流式上传是首选方法 但现在仍然如此吗 或者使用 Django Python 这样做是否完全安全 如果
  • SwiftUI 拖动手势坐标

    我正在尝试向我正在编写的应用程序添加评级系统 我的方法不太优雅 使用Stepper 如果可能的话 我想要一种交互式拖动方式来填充星级 我不确定是否DragGesture是我正在寻找的 这足够吗 另外 我不确定如何将坐标转换为正确的宽度以填充
  • 在活动之间传递媒体播放器对象

    我想知道如何在活动之间传递 MediaPlayer 对象 以便我可以在整个应用程序中保持恒定的声音播放 你不 通过MediaPlayer活动之间的对象 您需要访问MediaPlayer从一个习惯Service http developer
  • 如何将 data.table 融入人年中,并将年份后缀作为变量列?

    我有一个 data table 看起来像 PID vara90 vara91 vara92 vara93 varb90 varb91 varb92 varb93 1 1 2 1 45 77 Str1 Str3 Str3 Str1 2 2 6
  • JQuery-Mobile 可折叠展开/折叠事件

    有谁知道任何其他方法来捕获展开或折叠标记为的组件的事件data role collapsible 除了onclick其标头的事件 编辑 我想要某种事件 该事件还将提供有关组件的展开 折叠状态的信息 有自定义事件collapsible块 您可
  • React Native - launchPackager.command 无法打开

    我在构建 React Native ios 项目时遇到问题 错误信息 launchPackage command can t be opened because it is from an unidentified developer 知道
  • 如何充分替换 Sensor.TYPE_ORIENTATION (现已弃用)?

    我尝试了在互联网上找到的几个代码片段SensorManager getOrientation 相关讨论 没有一个能可靠地给出磁方位角 因为Sensor TYPE ORIENTATION做过 谁能分享一个工作代码Sensor TYPE ORI
  • 如何从Windows内核驱动程序获取设备实例路径?

    看一下这个示例 Windows 7 中的 USB 设备据报告具有设备实例路径 DevinstPath USB VID 1EAB PID 0501 7 25C389C1 0 1我确切地知道它对应于注册表中所谓的硬件密钥 hwkey 现在我的问
  • 为什么C中的结构体名称不是指针?

    数组名称是指针 函数名称也是指针 但结构名称不是指针 我想了解这种差异背后是否存在某种逻辑推理 或者它只是 C 语言的随机语法 数组很奇怪 他们的行为与其他类型不同 C was derived from an earlier languag
  • “AdjustJavacVersionArguments”任务意外失败

    我已经开始开发了Xamarin Forms应用在Visual Studio Enterprise 2015作为初学者 当我构建解决方案时 我收到如下错误 AdjustJavacVersionArguments 任务意外失败 严重性代码 说明
  • 验证英语文本中“a”和“an”的正确使用 - Python [关闭]

    Closed 这个问题需要多问focused help closed questions 目前不接受答案 我想创建一个程序 从文件中读取文本并指出 a 和 an 何时使用不正确 据我所知 一般规则是当下一个单词以元音开头时使用 an 但还应
  • Objective-C ARC 和传递 C 对象数组

    如果这是一个有点菜鸟的问题 我很抱歉 我知道我需要根据我的指示进行操作 不幸的是 我的截止日期已经到了 所以没有时间完成整本书的章节 所以我希望得到更有针对性的建议 我想在 C 数组中存储一些 Objective C 对象 我正在使用ARC
  • C# 上的 DrawString 文本太粗体

    我已经使用GDIDrawString绘制文本的方法 当程序运行时 屏幕上的文字看起来很好 但是一旦我将文件保存到图像中 字体就会比以前更粗 正常的会加粗 加粗的会更加粗 这该如何处理呢 public override void DrawTo
  • 如何在 Pug 文件中插入原始 HTML(不包括外部 HTML 文件)

    所以我想要的是将一些多行 HTML 放入 Pug 文件中 但在任何地方都找不到如何执行此操作 Example html head body div a href lala blabla a div p hihuhohoo Pug text可
  • 在本地网络中推送通知

    我需要在无法访问 Internet 的本地网络中使用我自己的服务器来实现 Android 和 iOS 的推送通知 更准确地说 我的用户将拥有一个移动应用程序 Android 和 iOS 它将通过无线网络连接到本地服务器 该网络不会有任何 I
  • Josh Smith 的 MVVM 示例中的视图是如何构建的?

    作为 WPF 和 MVVM 的新手 我正在学习Josh Smith 关于 MVVM 模式的文章 http msdn microsoft com en us magazine dd419663 aspx以及随附的示例代码 我可以看到该应用程序
  • AWS-Lambda 可以使用调用 C 的 Python 吗?

    我有一个进行图像比较的 C 库和调用它的 Python 我在 AWS Lambda 功能列表中没有看到 C 或 C 运行时 然而 Python 本身不是调用 C 的吗 我以为翻译其实是C 我们可以在 AWS Lambda 上运行从 Pyth
  • RESTful WCF Web 服务 POST 问题

    我无法将参数传递给 wcf web 服务 我的网络方法 OperationContract WebInvoke Method POST ResponseFormat WebMessageFormat Json UriTemplate pla
  • 有关 SQL Server 中重音不敏感的问题 (Latin1_General_CI_AS)

    我们所有的数据库都是使用默认排序规则安装的 Latin1 General CI AS 我们计划更改排序规则 以允许客户端不区分重音地搜索数据库 问题 不区分重音的数据库有哪些负面影响 如果有的话 不区分重音的数据库是否有任何性能开销 为什么
  • 复选框不显示 Chrome - 在其他浏览器中工作

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