时间戳

首页 > 解决方案 > 当我将它与其他 css 文件一起使用时，字体真棒图标不显示

html - 当我将它与其他 css 文件一起使用时，字体真棒图标不显示

问题描述

我有一种情况，我font-awesome没有按预期工作。

我有我的样式表和来自font-awesome

    <head>
        <title> Millionique Square </title>
        <script src="https://kit.fontawesome.com/e9148616db.js" crossorigin="anonymous"></script>
        <link rel="stylesheet" type="text/css" href="style.css">
    </head>

如果我评论这一行：

 <link rel="stylesheet" type="text/css" href="style.css">

有用。我该如何解决这个问题？

Github 仓库：https ://github.com/rjain09/formValidation.git

标签： htmlcssfont-awesome

解决方案

这是因为您没有导入index.js脚本文件

所以没有代码添加successorerror类来form-control覆盖visibility

.form-control i {
    visibility: hidden; /* <- hide the icon*/
    position: absolute;
    top: 40px;
    right: 10px;
}

这里

推荐阅读