Jquery FontawButton中的某些图标不使用十六进制代码

Jquery FontawButton中的某些图标不使用十六进制代码,jquery,css,Jquery,Css,html中有没有一种方法可以在按钮元素中包含字体可怕的图标?我尝试了十六进制代码,但似乎不起作用,所以我使用了下面的标记 是的,你可以。您可以将一些图标添加到:before 你需要做两件事 将“字体族”属性设置为“字体” 查找要使用的字体的代码 您的示例具有核心,因此它的内容是:“\f004” 例如: .btnRemoveFave:之前{ 内容:“\f004”; 字体系列:Fontsome; 右边距:5px; } 从收藏夹中删除是的,您可以。您可以将一些图标添加到:before 你需要做两

html中有没有一种方法可以在按钮元素中包含字体可怕的图标?我尝试了十六进制代码,但似乎不起作用,所以我使用了下面的标记


是的,你可以。您可以将一些图标添加到:before

你需要做两件事

  • 将“字体族”属性设置为“字体”
  • 查找要使用的字体的代码
  • 您的示例具有核心,因此它的内容是:“\f004”

    例如:

    .btnRemoveFave:之前{
    内容:“\f004”;
    字体系列:Fontsome;
    右边距:5px;
    }
    
    
    从收藏夹中删除
    是的,您可以。您可以将一些图标添加到:before

    你需要做两件事

  • 将“字体族”属性设置为“字体”
  • 查找要使用的字体的代码
  • 您的示例具有核心,因此它的内容是:“\f004”

    例如:

    .btnRemoveFave:之前{
    内容:“\f004”;
    字体系列:Fontsome;
    右边距:5px;
    }
    
    
    从收藏夹中删除
    当然可以,您可以使用:before或:after伪元素。例如,你可以阅读更多关于他们的信息
    :before
    将在按钮内容之前添加您的按钮,而
    :after
    将在按钮内容之后添加。代码
    “\f004”
    取自font awesome icon类的css。您可以在字体可怕的css文件中找到它,或者只需检查按常规方式制作的图标即可

    #btnRemoveFave_xxxx:之前{
    字体:普通14px/1字体;
    内容:“\f004”;
    颜色:#f7296a;
    右侧填充:5px;
    }

    test
    当然可以,您可以使用:before或:after伪元素。例如,你可以阅读更多关于他们的信息
    :before
    将在按钮内容之前添加您的按钮,而
    :after
    将在按钮内容之后添加。代码
    “\f004”
    取自font awesome icon类的css。您可以在字体可怕的css文件中找到它,或者只需检查按常规方式制作的图标即可

    #btnRemoveFave_xxxx:之前{
    字体:普通14px/1字体;
    内容:“\f004”;
    颜色:#f7296a;
    右侧填充:5px;
    }

    测试
    只需在按钮的打开和关闭标签中添加fa图标,并使按钮的背景透明即可

    <html>
    <head>
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    
    <style> 
        .myButton
        {
         background-color: transparent;
        }
       .fa{
         font-size:30px;
         color:#0099ff;
        }
    </style>
    </head>
    <body>
    <button id="add-job" type="button" class="myButton" >
        <i class="fa fa-plus"></i>
    </button>
    </body>
    </html>
    
    
    .我的按钮
    {
    背景色:透明;
    }
    法兰西{
    字体大小:30px;
    颜色:#0099ff;
    }
    
    只需在按钮的开始和结束标记中添加fa图标,并使按钮的背景透明即可

    <html>
    <head>
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    
    <style> 
        .myButton
        {
         background-color: transparent;
        }
       .fa{
         font-size:30px;
         color:#0099ff;
        }
    </style>
    </head>
    <body>
    <button id="add-job" type="button" class="myButton" >
        <i class="fa fa-plus"></i>
    </button>
    </body>
    </html>
    
    
    .我的按钮
    {
    背景色:透明;
    }
    法兰西{
    字体大小:30px;
    颜色:#0099ff;
    }
    
    您好,您可以使用以下代码


    您好,您可以使用以下代码

    
    
    请在JSFIDLE中制作并分享,你能给我们看一下你尝试过的十六进制代码吗?嗨,所有js FIDLE制作了以上许多感谢,我没有得到你想要的。你的代码似乎达到了你的目标这就是你想要的?请在JSFIDLE中制作并分享它。你能给我们看一下你尝试过的十六进制代码吗?嗨,所有js FIDLE制作了很多感谢。我没有得到你想要实现的。你的代码似乎达到了你的目标这就是你想要的?如果你看上面,我不想这样做,因为我需要在ajax帖子成功时更改图标颜色我在上面修改了我的代码我需要使用不同的实现,这样问题就不再有效如果你看上面,我不想这样做,因为我需要在ajax帖子成功时更改图标颜色我修改了我的代码我需要使用一个不同的实现,这样问题就不再有效了,我已经把它作为一个li,你在这里根本没有向提问者展示任何有价值的东西,我已经把它作为一个li,你在这里根本没有向提问者展示任何有价值的东西