1. 程式人生 > >CSS偽元素:before/CSS偽元素:before/:after content 顯示Font Awesome字型圖示:after content 顯示Font Awesome字型圖示

CSS偽元素:before/CSS偽元素:before/:after content 顯示Font Awesome字型圖示:after content 顯示Font Awesome字型圖示

HTML

<a href="javascript:volid(0);"><i class="icon-table"></i>表格</a> 

CSS

input[type="radio"]:checked + label:before {
                content: "\e659"; // iconfont格式,開啟iconfont.css檔案裡面可以找到
                position: absolute;
                left: 31px;
                top: 2px;
                font-family: "iconfont" !important; // 一定要設定font-family:“iconfont”不然字型無法出來
color: #2070F7; font-size: 14px; line-height: 42px; }

  

控制檯檢視: