不顯示Chrome的複選框 - 在其他瀏覽器中工作

我不確定發生了什麼。在「記住我」的左側應該有一個複選框，底部有兩個測試的複選框，我有一輛自行車，我有一輛車。它們顯示在Firefox中，但不顯示在Chrome中。我相信我有一個CSS問題，但無法找到它？任何人都可以幫忙嗎？不顯示Chrome的複選框 - 在其他瀏覽器中工作

這條線在你的CSS：

-webkit-appearance: none;

在樣式規則爲input, button, select, textarea是打破你的東西。

2013-05-19 08:59:25

謝謝兩位。我刪除了該行，但仍然不顯示。任何進一步的想法 - 或者我犯了另一個錯誤？ – user1149620

你確定你已經刪除了該行嗎？當我檢查你的網站時，我可以看到它仍然存在，當我關閉它時，你的複選框出現。 –

謝謝 - 事實證明CSS沒有正確上傳。 – user1149620

您已經定義樣式規則：

-webkit-appearance: none;

爲input, button, select, textarea定義，你必須將其刪除，並會工作。

您在控制檯中還出現JS錯誤：Uncaught ReferenceError: containerz is not defined，請查看。

2013-05-19 09:02:46

那些答案已經在這裏。我只是將它們合併在一起 – underscore

你是對的我在鏈接上的調試會話後發佈它時看到它們... –

我在更廣泛的層面上回答了那些未出現在Chrome中的複選框問題。並由谷歌導演在這裏。您可能還會在Safari中遇到此問題，因爲它們當前都在使用WebKit。

我們在自己的網站上遇到了這個問題，其中複選框和收音機輸入顯示不正確。但通過將其添加到我們的CSS來修復它。

input[type=checkbox] 
{ 
    -webkit-appearance:checkbox; 
}

現在它工作正常。

success

正如你所看到的，另一個開發者已經加入-webkit-appearance: none;就像在你的情況。在我們的案例中，這是因爲我從一個主題開始。

但要確保輸入顯示出來，只需在CSS中聲明這些規則是安全的。在這個頁面中，我將樣式放在<style>標籤中（我不推薦），但是當我還在測試時我截取了屏幕截圖。更好的做法是刪除衝突的樣式並在適當的文件夾中添加樣式。

2014-05-16 22:47:48 JGallardo

如果你給寬度0像素到Firefox中的複選框，你就可以看到它，但如果你打開相同的代碼Chrome，該複選框將隱藏。

2015-02-22 23:07:38 user1813774

我有同樣的問題。當我禁用廣告塊擴展它的工作！

然後，我在Ad-Block中爲此網站添加了一個例外。

2016-11-24 18:59:42

複選框的值設置爲true爲我工作

value="true"

2017-03-16 02:44:04

回答