Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Style Uploadify button with css in version 3.2.1

Tags:

First of all, I went through this SO question Uploadify button: Style with CSS? , but it's the older version.

In the Uploadify documentation, they show us how to change the button with a png image, my question is, is it possible to style the button in css? If yes, how can it be done in this latest release?

What I done so far,

HTML and 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" />

JS

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

Its exactly what documentation suggest, Is there any way to Style the Button with css, instead of adding a png image as button image