html - FineUploader 中的qq-drop-area-text 如何添加HTML？

Question

我想向 <em> 添加一个 Font Awesome 图标和其他样式(例如 qq-drop-area-text )的 FineUploader .这可能吗？看起来文本是使用 CSS 设置样式的 content区域。

来自 FineUploader 的示例 HTML:

<div class="qq-uploader-selector qq-uploader" qq-drop-area-text="Drop files here!">...</div>

期望:

<div class="qq-uploader-selector qq-uploader" qq-drop-area-text="<span class='fa fa-upload'></span> Drop files <em>here</em>!">...</div>

谢谢

Answer 1

.qq-uploader:before {
    /*content: attr(qq-drop-area-text) " ";*/
    font-family: FontAwesome, 'Open Sans', Arial;
    content: "\f0c5  Drop files here";
    position: absolute;
    font-size: 200%;
    left: 0;
    width: 100%;
    text-align: center;
    top: 45%;
    opacity: 0.25;
}

这是我的示例，其中 f0c5 是我想要使用的 Font Awesome 图标的 Unicode 值。在本例中，它是 fa-files-o 图标。单击 Font Awesome list of icons 上的任何图标以显示其 Unicode 值。