Jquery 在3.2.1版中使用css设置Uploadify按钮的样式

首先，我问了这个问题，但这是旧版本

在Uploadify文档中，他们向我们展示了如何使用png图像更改按钮，我的问题是，是否可以用css设置按钮的样式？如果是，如何在最新版本中完成

我到目前为止所做的

HTML和CSS

<style type="text/css">
    .uploadify-button {
        background-color: transparent;
        border: none;
        padding: 0;
    }
    .uploadify:hover .uploadify-button {
        background-color: transparent;
    }
</style>
<input type="file" name="file_upload" id="file_upload" />

$(function() {
    $("#file_upload").uploadify({
        'buttonImage' : '/uploadify/browse-btn.png',
        'swf'         : '/uploadify/uploadify.swf',
        'uploader'    : '/uploadify/uploadify.php'
    });
});

---

这正是文档所建议的，是否有任何方法可以使用css设置按钮样式，而不是将png图像添加为按钮图像

您可以将属性

hideButton

设置为

true

并制作自己的按钮

这种风格必须彻底改造

另外，将

wmode

设置为

'transparent'

，以避免出现问题

现在，您可以将CSS应用于它所在的元素

不要忘记设置属性

宽度

和

高度

，以匹配按钮的尺寸

---

另一种解决方案是使用任何图像编辑器将

按钮图像更改为预先设置样式的png图像。
HTML
Javascript:
你能添加一个链接到a）相关文档，更重要的是B）向我们展示你已经拥有的代码吗？@yochannah Hi mate，我的实际问题是，是否可能，我已经做的与css样式无关，只是在fn调用中添加了一个png路径，正如文档所建议的那样，我还要试着补充一点……有什么是不可行的？一旦其他库在创建新的DOM元素时发挥了所有的魔力，如果您检查它所拥有的类，那么修改显示将会很容易。您只需要知道如何访问它，但现在您并没有向我们显示任何不起作用的内容。@SOBINUGUSTINE您可以使用
“buttonClass”：“customclassname”
（）并使用该类来定位按钮。这就是你想要的吗？@SobinAugustine你还在寻找答案吗？不知道你一直在找什么。如果你的uploadify为按钮图像设置了选项，那么在CSS中你必须设置样式！重要的。
<div class="UploadifyButtonWrapper">
    <a>Upload Files</a>
    <div class="UploadifyObjectWrapper">
       <input type="file" id="Uploadify" name="Uploadify" />
    </div>
</div>

div.UploadifyButtonWrapper{
    position:relative;
}

/* fake button */
div.UploadifyButtonWrapper a {
    position:absolute; /* relative to UploadifyButtonWrapper */
    top:0;
    left:0;
    z-index:0;
    display:block;
    float:left;
    border:1px solid gray;
    padding:10px;
    background:silver;
    color:black;
}

/* pass hover effects to button */
div.UploadifyButtonWrapper a.Hover {
    background:orange;
    color:white;
}

/* position flash button above css button */
div.UploadifyObjectWrapper {
    position:relative;
    z-index:10;
}

$("input.Uploadify", self).uploadify({
    ...
    buttonImg: " ",
    wmode: "transparent",
    ...
});
var $buttonWrapper = $(".UploadifyButtonWrapper", self);
var $objectWrapper = $(".UploadifyObjectWrapper", self);
var $object = $("object", self);
var $fakeButton = $("a", self);
var width = $fakeButton.outerWidth();
var height = $fakeButton.outerHeight();
$object.attr("width", width).attr("height", height);
$buttonWrapper.css("width", width + "px").css("height", height + "px")
$objectWrapper.hover(function() {
    $("a", this).addClass("Hover");
}, function() {
    $("a", this).removeClass("Hover");
});