主题为Drupal 6.x图像上传按钮

Question

我正在关注一个Drupal网站，到目前为止一直很好。我在Drupal 6.24平台上使用Profile图片6.x-1.4。

我已经到了图像上传字段的位置，默认情况下如下所示：

设计要求它看起来像这样：

到目前为止，我已将输入css设置为：

 #user-register #edit-profile-picture-upload {
    display: block;
    background: transparent url(../images/button-upload.png) no-repeat scroll center center;
    width: 130px;
    height: 158px;
 }

这是文件字段的html：

<div class="form-item" id="edit-profile-picture-upload-wrapper">
  <label for="edit-profile-picture-upload">Upload: </label>
  <input type="file" name="files[profile_picture_upload]"  class="form-file" id="edit-profile-picture-upload" size="40" />
</div>    

但它只是看起来像这样（在chrome＆amp; safari上，在Firefox上更糟糕）：

你会如何正确地主题化？或者至少在哪里选择＆＃34;选择文件/没有文件＆＃34;按钮来自？

Answer 1

设置输入类型=“文件”并不容易，因为这种类型的输入完全取决于浏览器......

但你会在这里找到很多答案：https://stackoverflow.com/search?q=style+input+file

您可以，例如：

• 隐藏文件输入
• 将其替换为div（或其他）
• 单击div时触发单击文件输入

PS：这不是一个drupal问题