始终使用opacity：0创建的复选框

Question

我正在尝试以我的MVC形式添加复选框，但始终创建​​为在CSS中具有opcaity：0 这是我在其中添加复选框的代码

select count(phone) from tableB where phone not in (select phone from tableA)

当我在浏览器中使用我的复选框的检查元素时，发现不透明度：0 但我不知道为什么将它添加到我的复选框中，或者我是否使用了错误的内容

<div class="col-md-3 px-1">
   <div class="form-group">
     <label>Is Suspended</label>                                                                
     @Html.CheckBox("IsSuspended", false, new { @checked = "checked", @class = "form-control "})
   </div>
</div> 

Answer 1

您的项目中还有一段额外的代码正在添加style="position: absolute; opacity: 0;"。在我的计算机上，我只显示input，而没有多余的“样式”。

<input class="form-control " id="IsSuspended" name="IsSuspended" type="checkbox" value="true">

要查找来源，请使用Google Chrome浏览器中的inspect功能，然后在Computed标签中，单击属性以查看其来源。您将看到使用额外的position和opacity样式的原因。

下面是一个示例，显示元素的border-right-color由.form-control类设置的，该类在form-less文件中定义。您可以对position和opacity做同样的事情。

Answer 2

我发现我在js文件中使用名为icheck的js库的问题 我删除了它，现在很好

Answer 3

对我来说，这是因为我为复选框指定了“工具提示”类，该类在引导程序中具有特殊含义。