Google Chrome中的单选按钮和复选框不可靠行为

Question

在过去几个月内，Google已更新Chrome和我认为已破坏我网站上的单选按钮和复选框。我正在使用的版本31.0.1650.63

它们在我尝试过的所有其他浏览器（FF，Safari，IE9 & IE10）中正常工作。我过去几个月没有修改我的CSS，所以我认为这是Google Chrome的一个问题。

我创建了一个简单的jsfiddle，显示我谈论行为（和外部链接到我的CSS文件）：

http://jsfiddle.net/v22WB/

<input type="radio" name="sex" value="male">Male<br> 
<input type="radio" name="sex" value="female">Female<br> 
<input type="checkbox" name="vehicle" value="Bike">I have a bike<br> 
<input type="checkbox" name="vehicle" value="Car">I have a car 

我使用Chrome的开发工具禁用样式表中的所有样式但没有运气。

我正在使用Twitter Bootstrap 2.0.2，但是当我自己引用该文件时，单选按钮和复选框是正常的。有任何想法吗？

Answer 1

你有这条线在你的样式表：

html body *:focus{outline-color:transparent;outline-style:none;-webkit-appearance:none} 

的-webkit-外观：无意味着具有焦点不显示输入元素（即选定单选框或复选框）作为输入元素可视化。有关自定义输入样式，请参阅this link。把它拿出来，你的复选框应该恢复正常。