Question

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

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

任何人都知道问题可能是什么？

参考图片：http://i.imgur.com/Q66w6.png

Answer 1

此Chrome问题的“解决方案”是

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

当我读到这篇文章时，我无法相信这会有效，但我已经看到了它。这个问题显然存在于Chrome的早期版本之后，并且仍然存在于当前版本中，尽管它偶尔会出现。在“修复”之后，它似乎永久消失了。

Answer 2

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

select{
  -webkit-appearance:none;
}

检入您的浏览器检查员会指出它是否适用于您的情况。

Answer 3

遇到同样的问题时发现了这个问题。

环境：

input {
   width:100%
}

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

input[text] {
   width:100%
}

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

Answer 4

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

我使用bootstrap并且经常有表单，我希望所有输入都伸展100％并且不想使用bootstraps form methods，这个问题仍然存在。

如果您已定义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"

Answer 5

我有同样的问题

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

-webkit-appearance: checkbox!important;

Answer 6

我认为这是一个错误，它仍然存在。我在ligthbox窗口中使用复选框，但它们没有显示。我使用的是Chrome 21的OS-X。

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

6 个答案: