主题化 Drupal 6.x 图片上传按钮答案

【问题标题】：Theming a Drupal 6.x image upload button主题化 Drupal 6.x 图片上传按钮
【发布时间】：2012-02-28 10:39:31
【问题描述】：

我正在为 Drupal 网站设置主题，到目前为止一切顺利。我在 Drupal 6.24 平台上使用个人资料图片 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 和 safari 上，在 Firefox 上更糟）：

您将如何正确设置主题？或者至少“选择文件/未选择文件”按钮来自哪里？

【问题讨论】：

标签： php drupal drupal-6 themes drupal-theming

【解决方案1】：

设置输入 type="file" 的样式并不容易，因为这种类型的输入完全依赖于浏览器...

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

你可以，例如：

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

PS：这不是 Drupal 问题

【讨论】：

感谢您的回复。我觉得它不是 drupal，因为没有什么可以触发该字段的值。无论如何，在阅读了很多这些帖子之后，我通过将输入的高度和宽度设置为与错误的底层图像相同，然后将输入的不透明度设置为 0 来运行它。从那里，当值更改时会触发一些 jQuery （用户选择一个文件），并更新底层图像。