2017-06-20 121 views
0

我正在使用一个外部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

+0

听起来像一个JS插件可能藏匿的复选框,您使用任何第三方JS库? –

+0

我已编辑帖子并添加了更多信息。我正在使用第三方应用程序:P(javascript,css等) –

+0

哇,这里有大量的JS文件,如果我是你,我会首先评论你的HTML中的JS文件,看看是否修复了这个问题,然后逐个添加JS文件以查看哪个导致问题。对于任何人来说,使用如此庞大的代码来查看并且没有工作的例子给你一个准确的答案是非常困难的。你也可以尝试创建一个JSFiddle来演示你的问题 –

回答

1

检查你的CSS面板任何覆盖。第二秒告诉我,最初它是可见的,但其他文件在稍后的时刻覆盖它,当文件被加载时。理想情况下,我们应该能够看到你所有的代码来验证错误。

您可以通过按F12或导航到您的开发人员工具并检查元素来找到您的css面板。

+0

刚刚你可以在开发人员工具 – NoOorZ24

+0

上添加元素风格的屏幕截图嘿,我刚刚上传了文件和屏幕截图到一个公开的Google云端硬盘文件夹[link](https://drive.google.com/drive/folders/ 0B7AAH5GRouFnVGhob2xfcWtMN2M?usp = sharing)。感谢您帮助我:) –

+1

如果您检查isCheckbox类,您会注意到它被设置为由您的plugins.min.css定位绝对。这导致隐藏。我不确定这是故意的,但我不这么认为。你可以在屏幕截图中看到它自己1.png – webdevverbe

0

您可以用CSS属性的z-index,它允许你把一个元素比其他尝试,尝试以下操作:

your_checkbox { 
    z-index: +1; 
}