Cursor: pointer sur input / Chrome

Bonjour,

Il y a un bouton sur une vieille version de Dojo :

<div dojoattachpoint="titleNode" type="button" wairole="button" waistate="labelledby-uploadFileButton_label" role="button" aria-labelledby="uploadFileButton_label" dir="ltr" class="newitem-button hide-on-load file-upload-button " widgetid="uploadFileButton">
	<div class="upload-outer-container" style="position:relative; z-index:10;">
		<div class="upload-inner-container" dojoattachpoint="clipNode" style="position:absolute; width:100%; height:100%;">
			<form dojoattachpoint="formNode" method="post" enctype="multipart/form-data" attachment="" target="" style="margin:0; border:0; width:0; height:0">

			<input dojoattachpoint="fileNode,focusNode" type="file" name="" style="position:absolute; top:0; right:0; cursor:pointer; opacity:0; filter:alpha(opacity:0); font-size:40pt;" id="uploadFileButton" tabindex="0" multiple="1">

			</form>
		</div>
	</div>
	<div style="position:relative; z-index:9;">
		<div class="rightPart">
			<div dojoattachpoint="buttonNode" class="leftPart">
				<span class="dijitInline icon " dojoattachpoint="iconNode"></span>
				<span class="dijitInline label" dojoattachpoint="containerNode,popupStateNode">Upload</span>
			</div>
		</div>
	</div>
</div>

Mon problème est que peu importe où je mets
cursor: pointer!important; dans le CSS associé à cette partie du code, sur chrome, l'input garde toujours un curseur sous forme de flèche (default).

Quelqu'un aurait-il une idée du pourquoi du comment ?

Merci.