jquery - 如何在类里面更改 Font Awesome ？

Question

我有以下两个类:

.invalid {
    padding-left:22px;
    line-height:24px;
    color:#ec3f41;
    class:fa;
}
.valid {
    padding-left:22px;
    line-height:24px;
    color:#3a7d34;
}

在我想使用的无效类中

fa-warning

在我想使用的有效类中

fa-check

HTML:

<ul>
        <li id="letter" class="invalid"> At least <strong>one letter</strong></li>
</ul>

JQuery:

if (pswd.match(/[A-z]/)) {
                        $('#letter').removeClass('invalid').addClass('valid');
                    } else {
                        $('#letter').removeClass('valid').addClass('invalid');
                    }

Answer 1

您可以在有效和无效类中简单地使用 fontawesome 字体。像这样使用

.valid:before{
         content: "\f046";
         font-family: FontAwesome;  
}

.invalid:before{
         content: "\f00d";
         font-family: FontAwesome;  
 }

工作示例:https://codepen.io/sajiddesigner/pen/mmXjbr

其他图标可以去http://fontawesome.io/icons/检查您要复制的图标，然后从 Chrome 开发工具中的 CSS 面板复制具有 内容:“”；

希望这对你有用。