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

我想在FineUploader的<em>中添加一个Font Awesome Icon和其他样式（例如qq-drop-area-text）。这可能吗？看起来文本是使用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>

谢谢

最佳答案

.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值。

关于html - 如何在FineUploader中的qq-drop-area-text中添加HTML？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/33558002/