Django表单定制FileField

Question

我正在为我的django应用程序做一个超级简单的图片上传，但我被允许上传的标签所困。

现在，它看起来像是：

​

​

这是相当丑陋的，与我在代码中所做的没有任何关系。

我想自定义的按钮样式，并有文本“没有文件选择”在它的顶部(或下，无论什么)。

代码：

class ImageForm(forms.Form):
    imageFile = forms.FileField(
        label = _('select an image')
    )

我的模型是：

class ImageVisionModel(CMSPlugin):
    def __str__(self):
        return 'Computer vision demo'

因为我没有存储图像。

所以我不知道我是否遗漏了什么，但是当我检查元素时，label + text只是一个单独的元素。除了标签右边的文字，我似乎不能直接用css修改按钮上的任何东西。

我看了StackOverflow和姜戈的文档，但我什么也没找到。

或许我错过了什么？

Answer 1

这是我在@Sergey分享的链接的帮助下做的

<div class="upload">
   {{ myForm.picture}}
</div>

在css文件中

.upload {
    width: 157px;
    height: 57px;
    background: url(https://lh6.googleusercontent.com/-dqTIJRTqEAQ/UJaofTQm3hI/AAAAAAAABHo/w7ruR1SOIsA/s157/upload.png);
    overflow: hidden;
}

.upload input {
    display: block !important;
    width: 157px !important;
    height: 57px !important;
    opacity: 0 !important;
    overflow: hidden !important;
}