Question

In Firefox my cursor turns into the one you see when you select a text field (I’m using Ubuntu 11.04).

The problem seem to be the commented line below (because the cursors returns to default or pointer if I comment it):

<script type="text/javascript" >
    $(function(){
        var btnUpload=$('#upload');
        var status=$('#logo-upload-status');
        new AjaxUpload(btnUpload, {
            action: '<?php bloginfo('template_directory'); ?>/upload-file.php',
            name: 'uploadfile',
            /* this is the problem -> onSubmit: function(file, ext){  */
                 if (! (ext && /^(jpg|png|jpeg|gif)$/.test(ext))){
                    status.text('Only JPG, PNG or GIF files are allowed');
                    return false;
                }
                status.text('Uploading...');
            }
            onComplete: function(file, response){
                //On completion clear the status
                status.text('');
                //Add uploaded file to list
                if(response==="success"){
                    $('<li></li>').appendTo('#files').html('<img src="<?php bloginfo('template_directory'); ?>/images/'+file+'" alt="" /><br />'+file).addClass('success');
                    $('#<?php echo $logo_image; ?>').val(file);
                } else{
                    $('<li></li>').appendTo('#files').text(file).addClass('error');
                }
            }
        });

    });
</script>

The button:

   <input type="button" class="background_pattern_button" id="upload" value="Choose Logo" />

Any suggestions?

EDIT:

Firebug Inspector (For some reason the cursor looks normal in the screenshot):

Answer 1

Ajax Upload uses a method of a hidden <input type="file" /> which in turn allows you to have a personalised “browse computer” button which will open a file etc etc etc. The problem you are facing is that you cannot change the cursor of the <input type="file" />

You just have to put up with it, or push the input to the left a little with css so the button area gives the default cursor instead of text.

Also your input should have a opacity which makes it invisible to naked eye but it is there none the less [on css]