置顶图标修改方法 - 教程 - Xiuno BBS开源程序交流论坛

置顶图标修改方法

xiunoa 超版发布于 2020-8-23

在view/htm/header.inc.htm <head></head>中添加下面的样式即可

<style>    /*置顶样式*/
    .icon-top-1, .icon-top-2, .icon-top-3 {
        color: #fff;
        font-size: .875rem;
        font-style: normal;
        padding: .125rem .25rem;
        border-radius: .25rem;
        vertical-align: text-bottom;
        font-family: Helvetica,Arial,PingFang SC,Noto Sans,Roboto,Microsoft Yahei,sans-serif;
        -webkit-font-smoothing: auto;
    }
    [class^="icon-top-"]:before {
        /*content: "\f024";*/
        content: "置顶";
    }
    .icon-top-1 {
        background: #ff8800;
    }
    .icon-top-2 {
        color: #ff8800;
    }
    .icon-top-3 {
        /*background: #da24a7;*/
        /*background: #f30c74;*/
        /*background: #EE1B2E;*/
        background: #EE5023;
    }</syle>