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。把它拿出來，你的複選框應該恢復正常。