Question

我在使用fontawesome时遇到这种奇怪的行为：

只需在我的网页上添加<input type="checkbox">，就会显示这2个黑色方块......我不知道这是否有帮助，但生成的HTML就是这个

<span class="icons"><span class="first-icon fa fa-square fa-base"></span><span class="second-icon fa fa-check-square fa-base"></span></span>

我经常搜索，但找不到任何有相同问题的人:( ...值得一提的是，这是在刀片模板文件中，我使用了带有Laravel mix的fontawesome SCSS。有没有人有这样的东西？除此之外，我不知道这是一个很棒的图标。

我感谢任何帮助。非常感谢你！

编辑：已解决...... 对于任何可能与此斗争的人。我发现我的问题是我正在使用的一个主题，称为纸质仪表板，它正在导入＆＃34; bootstrap-checkbox-radio＆＃34;，这就是导致问题！

Answer 1

我不知道可能是什么问题，但如果你想摆脱它，你可以用css来显示没有。您可以使用父元素引用这些类，如图标，第一个图标，以便使用相同类的其他元素不使用给定的css。我会建议创建新项目并以适当的方式添加字体。它也可能是javascript的原因。您的项目中可能存在一些生成这些图标的JavaScript代码。

Answer 2

使用css属性隐藏它。显示：无; 所以它不会显示

 #hide{
        display:none;    
      }
  <div id="hide"><span class="icons"><span class="first-icon fa fa-square 
  fa-base"></span>
 <span class="second-icon fa fa-check-square fa-base"></span></div>

在复选框fontawesome的黑角规

2 个答案: