複選框不顯示在html/css

我正在使用一個外部CSS的主題，但每當我把一個複選框，它顯示了一秒鐘，然後它直接消失。複選框不顯示在html/css

我的代碼：

<div class="css-checkbox"> 
     <input id="checkbox1" class="css-checkbox" type="checkbox" value="1" name="attended" /> 
     <label for="checkbox1" class="css-label">Attended</label> 
    </div>

有關文件的詳細信息：HERE

來源

2017-06-20 M.Ghali

聽起來像一個JS插件可能藏匿的複選框，您使用任何第三方JS庫？ –

我已編輯帖子並添加了更多信息。我正在使用第三方應用程序：P（javascript，css等） –

哇，這裏有大量的JS文件，如果我是你，我會首先評論你的HTML中的JS文件，看看是否修復了這個問題，然後逐個添加JS文件以查看哪個導致問題。對於任何人來說，使用如此龐大的代碼來查看並且沒有工作的例子給你一個準確的答案是非常困難的。你也可以嘗試創建一個JSFiddle來演示你的問題 –

檢查你的CSS面板任何覆蓋。第二秒告訴我，最初它是可見的，但其他文件在稍後的時刻覆蓋它，當文件被加載時。理想情況下，我們應該能夠看到你所有的代碼來驗證錯誤。

您可以通過按F12或導航到您的開發人員工具並檢查元素來找到您的css面板。

來源

2017-06-20 12:11:47 webdevverbe

剛剛你可以在開發人員工具 – NoOorZ24

上添加元素風格的屏幕截圖嘿，我剛剛上傳了文件和屏幕截圖到一個公開的Google雲端硬盤文件夾[link]（https://drive.google.com/drive/folders/ 0B7AAH5GRouFnVGhob2xfcWtMN2M？usp = sharing）。感謝您幫助我:) –

如果您檢查isCheckbox類，您會注意到它被設置爲由您的plugins.min.css定位絕對。這導致隱藏。我不確定這是故意的，但我不這麼認爲。你可以在屏幕截圖中看到它自己1.png – webdevverbe

您可以用CSS屬性的z-index，它允許你把一個元素比其他嘗試，嘗試以下操作：

your_checkbox { 
    z-index: +1; 
}

來源

2017-06-20 12:14:22 iFredus

複選框不顯示在html/css

回答

相關問題