html - Chrome 中不显示输入复选框

标签 html css twitter-bootstrap google-chrome

我的复选框未在 Chrome 中显示。它显示在其他元素中,但不显示在这个元素中。我尝试将 input[type="checkbox"] {-webkit-appearance: checkbox;} 添加到我的 CSS,但这也不起作用。我不确定还能做什么。

我的代码:

<div class="row">
  <div class="col-lg-4 col-lg-offset-8">
    <form>
      <input type="checkbox" name="playerLeaderStats" value="goals" />Goals
      <br />
      <input type="checkbox" name="playerLeaderStats" value="redCards" />Red Cards
      <br />
    </form>
    <button type="button" class="btn btn-primary">Set</button>
  </div>
</div>

最佳答案

这段代码中复选框不起作用吗?

它在 Chrome、Firefox、IE 上工作:result on Chrome v54

您是否看到您是否忘记了修改此类输入的 css 属性? 使用 Page Inspector 查看您的输入是否真的在它应该在的位置,即使它不可见?

关于html - Chrome 中不显示输入复选框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40387484/

相关文章:

html - 如果我们向上移动,按钮不可点击

html - 非常基本的两列布局。为什么第二列跨越第一列?

css - 单击/触摸后按钮保持悬停模式(移动)

css - 如何将菜单项放置在旋转木马顶部的固定位置?

html - 如何在 Bootstrap 中将这个 div 居中?

html - Visual Studio 2015 'New Window'/HTML 文件的多个实例

html - 适用于 Mac 和 PC 的一般开发人员的基本软件综合列表

javascript - HTML 表格搜索在搜索字段没有值后获取最后一行字段内容

css - 将文本放在填充空间内

css - 我在哪里可以将任何自定义 CSS 添加到 angular-fullstack 应用程序中?