Html chrome中不可见的复选框和下拉箭头

由于某些原因，我的复选框和下拉箭头在chrome中不可见，但是它们仍然有效

它们在IE中完全可见。当我在IE中加载页面，然后尝试在chrome中加载页面时，它们通常会出现，直到我再次在chrome中刷新页面

有人知道问题出在哪里吗

---

参考图片：

这个Chrome问题的“解决方案”是

• 打开任务管理器
• 在浏览器前面打开Taks Manager时，在Chrome中刷新页面

---

当我读到它的时候，我不敢相信它真的会起作用，但我亲眼目睹了它。这个问题显然存在于Chrome的早期版本，并且在当前版本中仍然存在，尽管它只是偶尔出现。在这个“修复”之后，它似乎永远消失了。

我认为这是一个bug，它仍然存在。我在Lightbox窗口中使用复选框，但它们不会显示。我在OS-X上使用Chrome21

在遇到相同问题时发现此问题

设置：

input {
   width:100%
}

对我来说，这是问题的原因。这：

input[text] {
   width:100%
}

---

这是我想要的（保持复选框宽度不变）——在chrome中设置复选框的宽度似乎会使它们消失。

在webkit浏览器中，以下代码将删除下拉箭头

select{
  -webkit-appearance:none;
}

---

签入浏览器检查器将指示它是否应用于您的案例中。

如user48956所述；将输入宽度设置为100%会导致复选框在chrome中消失

我使用bootstrap，通常有一些表单，我希望所有输入都能100%拉伸，但不想使用，这个问题仍然会出现

如果您定义了

input{width:100%}

可以在包含复选框的div上放置一个宽度，它将修复。e、 g

<div style="display:inline-block; width:20px"><input type="checkbox" name="read_privacy_policy" id="read_privacy_policy" class="pull-left"></div>
<div style="display:inline-block">I have read and understand the Privacy Policy.*</div>

我已阅读并理解隐私政策*

或者您可以在输入本身上设置

style=“width:auto”

，我也有同样的问题

尝试此css样式抑制所有在输入复选框元素中起作用的样式

-webkit-appearance: checkbox!important; 

---

你有一些示例代码吗？你能链接到这个页面，或者提供一些代码吗？你在说什么下拉箭头？这里是一个参考图片。我也有同样的问题。有解决办法吗？这是零星的。有时有效，有时无效。谷歌搜索“谷歌chrome中缺失的单选按钮”显示，这是一个至少自2008年以来一直出现的问题。这并没有增加任何内容，甚至没有远程回答任何问题。投票表决这个问题会更好