Html 上载按钮上的值（文字）阻止单击它

这是我的上传表格

<div class="view-form">
   <input type="hidden" name="MAX_FILE_SIZE" value="<?=maxFileSize?>"/>
   <input name="files" id="files" type="file" class="ui input-file" style="position:absolute;left:380px;top:200px;"/>

   <input id="submit_btn" type="submit" value="Upload" class="ui-button-orange input-btn"; onclick="upload();" style="position:absolute;left:380px;top:300px;width:350px;height:70px;font-size:30px;font-family:arial;font-weight:bold;"/>
   <iframe name="iframe" style="display:none;"></iframe>
</div>

你能把这件事搞得一团糟吗？这里的代码看起来不错，按钮内的文本不会影响其单击区域。最有可能的是其他元素与按钮重叠，但问题是在我将文本放大后才开始出现的，因此它填充了大部分空间。如果您使用引导（或类似工具），则有一个类阻止按钮单击操作。如果您可以重新创建它，这将有所帮助，则很难从您发布的内容中分辨出来。您正在定位输入，因此使按钮变大可能会将其移动到输入区域…同样，如果没有问题的工作示例，很难判断